/* ---------- Split Hero (static background) — menu page ---------- */
.hero-split{
  position:relative; overflow:hidden;
  padding:80px 0 150px;
  background:
    radial-gradient(900px 500px at 85% -10%, rgba(212,175,55,0.14), transparent 60%),
    linear-gradient(150deg, rgba(20,50,38,0.92) 0%, rgba(18,44,34,0.94) 45%, rgba(20,16,13,0.97) 100%),
    url('https://templateup.site/otaqo/wp-content/uploads/sites/44/2024/09/couple-dating-and-playing-snooker-2021-08-28-20-01-58-utc-min.jpg') center 30%/cover no-repeat;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%);
}

@media (max-width:860px){
  .hero-split{padding:70px 0 130px;}
}
@media (max-width:520px){
  .hero-split{padding:56px 0 100px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 96%); background-position:center 22%, center 22%, center 22%;}
}

/* ---------- Menu page ---------- */
.menu-banner{
  padding:64px 24px 40px;
  text-align:center;
}
.menu-banner h1{
  font-size:clamp(30px,4.5vw,46px);
  font-weight:600;
  color:var(--cream);
  margin-bottom:10px;
}
.menu-banner p{
  color:var(--muted);
  font-size:16px;
  max-width:520px;
  margin:0 auto;
}

.menu-tabs-wrap{
  position:sticky;
  top:110px;
  z-index:50;
  background:rgba(20,16,13,0.92);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);
}

.menu-tabs{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:14px 24px;
  max-width:1120px;
  margin:0 auto;
  scrollbar-width:none;
}
.menu-tabs::-webkit-scrollbar{display:none;}
.menu-tab{
  flex:0 0 auto;
  font-family:'JetBrains Mono',monospace;
  font-size:12.5px;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--muted);
  background:transparent;
  border:1px solid var(--line);
  padding:9px 16px;
  border-radius:999px;
  cursor:pointer;
  transition:all .2s ease;
  white-space:nowrap;
}
.menu-tab:hover{color:var(--cream); border-color:var(--felt-light);}
.menu-tab.active{
  color:#1a1409;
  background:linear-gradient(180deg, var(--gold-soft), var(--gold));
  border-color:var(--gold);
  font-weight:700;
}

.menu-panels{max-width:820px; margin:0 auto; padding:48px 24px 100px;}
.menu-panel{display:none;}
.menu-panel.active{display:block; animation:menuFadeIn .35s ease;}
@keyframes menuFadeIn{from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:translateY(0);}}

.menu-subhead{
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold-soft);
  border-bottom:1px solid rgba(212,175,55,0.3);
  padding-bottom:8px;
  margin:44px 0 18px;
}
.menu-panel > .menu-subhead:first-child{margin-top:0;}

.menu-note{
  font-family:'JetBrains Mono',monospace;
  font-size:11.5px;
  color:var(--felt-light);
  letter-spacing:.06em;
  margin:-10px 0 14px;
}

.menu-list{display:flex; flex-direction:column;}
.menu-item{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  padding:14px 0;
  border-bottom:1px solid var(--line);
}
.menu-item:last-child{border-bottom:none;}
.mi-main{flex:1; min-width:0;}
.mi-name{color:var(--cream); font-weight:600; font-size:15.5px;}
.mi-desc{color:var(--muted); font-size:13px; margin-top:4px; line-height:1.4;}
.mi-price{
  font-family:'JetBrains Mono',monospace;
  color:var(--gold-soft);
  font-size:14px;
  white-space:nowrap;
  flex:0 0 auto;
}

@media (max-width:640px){
  .menu-tabs-wrap{top:82px;}
  .menu-item{flex-direction:column; align-items:flex-start; gap:2px;}
  .mi-price{margin-top:2px;}
}