/* ===================================================
   MENUS PAGE — Design sombre premium lisible
   =================================================== */

/* hero */
.menus-hero{
  position:relative;
  height:auto;min-height:70vh;
  display:flex;align-items:flex-end;
  padding:calc(var(--nav-h) + 2rem) 5vw 5rem;
  overflow:hidden;
  box-sizing:border-box;
}
.menus-hero-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  transform:scale(1.05);
  transition:transform 8s ease;
}
.menus-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(5,3,2,.97) 0%,rgba(5,3,2,.65) 45%,rgba(5,3,2,.2) 100%);
}
.menus-hero-content{
  position:relative;z-index:2;
  width:100%;max-width:100%;
}


.menus-hero .label{color:var(--c-brown)}
.menus-hero .label::before{background:var(--c-brown)}
.menus-hero .h1{color:var(--c-deep);margin:1.75rem 0 1.2rem}
.menus-hero p{color:rgba(74,46,24,.6);max-width:500px;font-size:1rem;line-height:1.82}

/* tabs */
.tabs-bar{position:sticky;top:70px;z-index:100;background:#0f0a06;border-bottom:2px solid rgba(196,149,106,.15);padding:0 5vw;display:flex;overflow-x:auto;scrollbar-width:none;box-shadow:0 4px 32px rgba(0,0,0,.5)}
.tabs-bar::-webkit-scrollbar{display:none}
.tab-btn{padding:1.35rem 1.6rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:rgba(251,245,235,.38);background:transparent;border:none;cursor:none;font-family:'Inter',sans-serif;white-space:nowrap;position:relative;transition:color .3s;flex-shrink:0}
.tab-btn::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--c-gold);transform:scaleX(0);transition:transform .38s var(--ease)}
.tab-btn.active{color:var(--c-gold-lt)}
.tab-btn.active::after{transform:scaleX(1)}
.tab-btn:hover{color:rgba(251,245,235,.75)}

/* panels */
.menu-panel{display:none;background:#0f0a06;padding:6rem 5vw 9rem}
.menu-panel.active{display:block;animation:panelIn .4s var(--ease) both}
@keyframes panelIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

.panel-section{margin-bottom:4rem}
.panel-section+.panel-section{margin-top:5rem}

.panel-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:300;color:var(--c-cream);margin-bottom:0;padding-bottom:1.25rem;border-bottom:1px solid rgba(196,149,106,.18);display:flex;align-items:center;gap:1.5rem;letter-spacing:-.01em}
.panel-title-badge{font-family:'Inter',sans-serif;font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;background:var(--c-gold);color:var(--c-deep);padding:4px 10px;font-weight:600;flex-shrink:0;margin-left:auto}
.panel-note{font-size:.9rem;line-height:1.78;color:rgba(251,245,235,.42);margin-bottom:2.5rem;max-width:580px;padding-left:1rem;border-left:2px solid rgba(196,149,106,.2)}

/* grid items */
.mi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2px;background:rgba(196,149,106,.08);margin-top:2px}

/* item */
.mi{background:#161009;padding:2.25rem 2.5rem;display:flex;flex-direction:column;gap:0;position:relative;transition:background .28s,border-color .28s;border-left:3px solid transparent}
.mi:hover{background:#1e1509;border-left-color:var(--c-gold)}
.mi-badge{position:absolute;top:1.1rem;right:1.1rem;background:var(--c-gold);color:var(--c-deep);font-size:.52rem;letter-spacing:.26em;text-transform:uppercase;padding:3px 10px;font-weight:700}
.mi-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:.6rem}
.mi-left{display:flex;flex-direction:column;flex:1;min-width:0}
.mi-korean{font-family:'Noto Serif KR',serif;font-size:.78rem;color:var(--c-gold);letter-spacing:.08em;margin-bottom:5px}
.mi-name{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:600;color:#f5ede0;line-height:1.15}
.mi-price{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:400;color:var(--c-gold-lt);white-space:nowrap;flex-shrink:0;padding-top:2px}
.mi-desc{font-size:.88rem;line-height:1.72;color:rgba(251,245,235,.5);margin-top:.5rem}

/* formule midi */
.special-box{background:rgba(196,149,106,.06);border:1px solid rgba(196,149,106,.18);padding:3.5rem;margin-bottom:4rem;display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;flex-wrap:wrap}
.special-info{flex:1;min-width:280px}
.special-title{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:400;color:var(--c-gold-lt);margin-bottom:.75rem;line-height:1.1}
.special-desc{font-size:.95rem;line-height:1.78;color:rgba(251,245,235,.55)}
.special-price-block{text-align:right;flex-shrink:0}
.special-price{font-family:'Cormorant Garamond',serif;font-size:4.5rem;font-weight:300;color:var(--c-gold);line-height:1;letter-spacing:-.02em}
.special-price-label{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(251,245,235,.32);margin-top:.5rem;display:block}

@media(max-width:1200px){.tabs-bar{top:60px}.mi-grid{grid-template-columns:1fr}.special-box{flex-direction:column;gap:1.5rem}.special-price-block{text-align:left}.special-price{font-size:3.5rem}}
@media(max-width:600px){.menu-panel{padding:3.5rem 5vw 6rem}.tab-btn{padding:1.1rem 1.1rem;font-size:.66rem}}

/* ════ MENUS RESPONSIVE ════ */
@media(max-width:1200px){
  .menus-hero{padding:calc(var(--nav-h) + 3rem) 1.5rem 4rem;min-height:auto}
  .menu-panel{padding:3.5rem 1.5rem 6rem}
  .special-box{padding:2rem;flex-direction:column;gap:1.5rem}
  .special-price-block{text-align:left}
  .special-price{font-size:3rem}
}
@media(max-width:600px){
  .menus-hero{padding:calc(var(--nav-h) + 2.5rem) 1.25rem 3rem}
  .menus-hero .h1{font-size:clamp(3rem,12vw,5rem)}
  .tab-btn{padding:.9rem .85rem;font-size:.6rem;letter-spacing:.12em}
  .mi{padding:1.5rem}
  .mi-name{font-size:1.2rem}
  .mi-price{font-size:1.2rem}
  .panel-title{font-size:1.3rem}
}