.mobile-menu-toggle,.mobile-nav-booking{display:none}

@media(max-width:980px){
  header{background:rgba(255,253,249,.96);backdrop-filter:blur(18px)}
  .header-inner{width:min(calc(100% - 32px),680px);height:68px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:18px}
  .header-inner .brand{justify-content:flex-start;min-width:0}
  .header-inner .brand-logo{width:185px;max-height:52px;object-fit:contain;object-position:left center}
  .mobile-menu-toggle{display:block;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;background:transparent;color:#173532}
  .mobile-menu-toggle span{display:block;width:22px;height:1px;margin:7px auto;background:currentColor;transition:transform .2s ease}
  .desktop-nav{position:absolute;z-index:20;left:0;right:0;top:68px;display:none;margin:0;padding:20px 24px 28px;flex-direction:column;align-items:stretch;gap:0;overflow:visible;white-space:normal;background:#fffdf9;border-top:0;border-bottom:1px solid #dfdfd7;box-shadow:0 22px 50px rgba(23,53,50,.1)}
  header.mobile-menu-open .desktop-nav{display:flex}
  .desktop-nav a,.desktop-nav a.active{display:block;padding:14px 0;color:#435753;font-size:14px;line-height:1.5}
  .desktop-nav a[href="#top"]{display:none}
  .desktop-nav a::after{display:none}
  .mobile-nav-booking{display:block;width:100%;min-height:46px;margin-top:10px;padding:0 18px;border:0;border-radius:999px;background:#267f77;color:#fff;font-size:14px;text-align:center}
  .header-actions{display:none}
}

@media(max-width:620px){
  .topbar .wrap{height:34px}
  .header-inner{width:calc(100% - 32px);height:68px;padding:0}
  .header-inner .brand-logo{width:min(185px,65vw);max-height:50px}
  .desktop-nav{top:68px;padding:20px 24px 28px;gap:0;font-size:14px}
  .desktop-nav a,.desktop-nav a.active{padding:14px 0;font-size:14px}
}