/* SURGE OSAKA: PC nav + Instagram + reservation / Mobile: logo + Instagram + reservation + menu */
.site-header.surge-header{position:relative;z-index:1000;display:grid;grid-template-columns:minmax(155px,220px) minmax(0,1fr) auto;align-items:center;gap:clamp(12px,2vw,32px);box-sizing:border-box}
.surge-header .surge-desktop-nav{min-width:0;gap:clamp(8px,1.3vw,22px);padding-top:0}
.surge-header .surge-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:clamp(8px,1.1vw,16px);margin-left:0;min-width:0}
.surge-header .surge-instagram{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;color:inherit;text-decoration:none}
.surge-header .surge-instagram svg{width:24px;height:24px;display:block}
.surge-header .surge-header-reserve{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.surge-header .surge-reserve-short{display:none}
.surge-header .surge-menu-toggle{display:none;appearance:none;background:transparent;border:0;padding:9px;cursor:pointer;width:44px;height:44px;flex:0 0 44px;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:inherit}
.surge-header .surge-menu-toggle span{display:block;width:24px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}
.surge-header .surge-mobile-menu[hidden]{display:none!important}
.surge-header .surge-mobile-menu{display:none}
@media(max-width:1180px){
 .site-header.surge-header{grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
 .surge-header .surge-desktop-nav{display:none!important}
 .surge-header .surge-menu-toggle{display:flex!important}
 .surge-header .surge-reserve-long{display:none}
 .surge-header .surge-reserve-short{display:inline}
 .surge-header .surge-header-reserve{padding:12px 14px;font-size:13px;min-height:44px;box-sizing:border-box}
 .surge-header.surge-menu-open .surge-menu-toggle span:first-child{transform:translateY(8px) rotate(45deg)}
 .surge-header.surge-menu-open .surge-menu-toggle span:nth-child(2){opacity:0}
 .surge-header.surge-menu-open .surge-menu-toggle span:last-child{transform:translateY(-8px) rotate(-45deg)}
 .surge-header .surge-mobile-menu:not([hidden]){display:block;position:absolute;top:100%;left:0;right:0;background:#fff;color:#243044;box-shadow:0 12px 20px rgba(0,0,0,.12);padding:16px max(20px,5vw) 26px;max-height:calc(100dvh - 65px);overflow:auto}
 .surge-header .surge-mobile-menu nav{display:flex;flex-direction:column}
 .surge-header .surge-mobile-menu nav>a{display:flex;justify-content:space-between;padding:15px 2px;border-bottom:1px solid #e5e5e5;color:inherit;text-decoration:none;font-size:15px;font-weight:600}
}
@media(max-width:600px){
 .site-header.surge-header{width:calc(100% - 24px);min-height:72px;padding:0;gap:4px}
 .surge-header .brand{min-width:0}
 .surge-header .brand img{display:block;width:clamp(105px,29vw,150px);max-width:100%;height:auto}
 .surge-header .surge-header-actions{gap:3px}
 .surge-header .surge-instagram{width:34px;height:40px}
 .surge-header .surge-instagram svg{width:23px;height:23px}
 .surge-header .surge-header-reserve{padding:10px 8px;font-size:12px;gap:4px;min-height:40px}
 .surge-header .surge-menu-toggle{width:38px;flex-basis:38px;padding:6px}
 .surge-header .surge-menu-toggle span{width:22px}
}
@media(max-width:360px){
 .surge-header .brand img{width:100px}
 .surge-header .surge-header-actions{gap:0}
 .surge-header .surge-header-reserve{padding:9px 6px}
}