.menu-toolbar{display:flex;gap:.6rem;align-items:center;margin:.6rem 0 1rem 0}
.menu-toolbar input{flex:1;min-width:200px;background:#fff;border:1px solid rgba(0,0,0,.1);color:#222;padding:10px 12px;border-radius:10px}
.menu-toolbar button{background:transparent;border:1px solid rgba(0,0,0,.15);color:#222;padding:8px 12px;border-radius:10px;cursor:pointer}
.menu-toolbar button.active{background:rgba(212,0,0,.1);border-color:rgba(212,0,0,.2)}
.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.menu-card .thumb{aspect-ratio:1/1;background:#f4f4f7;display:grid;place-items:center}
.menu-card .body{padding:10px 12px}
.menu-card .title{display:flex;align-items:center;justify-content:space-between;font-weight:800}
.menu-card .price{color:var(--primary)}
.menu-card .tag{color:#666;font-size:.92rem;margin:6px 0 10px}
@media (max-width:900px){
  .menu-grid{grid-template-columns:repeat(2,1fr)}
}

/* ===== Menu Slider ===== */
.menu-slider { position:relative; padding:12px; }
.menu-slider .track-wrap{ overflow:hidden; }
.menu-slider .track{ list-style:none; margin:0; padding:0; display:flex; gap:12px; will-change:transform; transition: transform .25s ease; }
.menu-slider .menu-card{ min-width:220px; max-width:220px; overflow:hidden; }
.menu-slider .menu-card img{ width:100%; height:140px; object-fit:cover; display:block; }
.menu-slider .nav{ position:absolute; top:50%; transform:translateY(-50%); z-index:3;
  width:36px; height:36px; border-radius:999px; border:1px solid rgba(255,255,255,.25);
  background:var(--secondary); color:#fff; font-size:22px; font-weight:800; cursor:pointer;
}
.menu-slider .nav.prev{ left:8px; }
.menu-slider .nav.next{ right:8px; }
.menu-slider .nav:hover{ filter:brightness(1.1); }

.menu-card .thumb img {
  width: 100%;
  height: auto;             /* biarkan tinggi mengikuti proporsi asli */
  max-height: 240px;        /* batasi tinggi supaya tidak terlalu panjang */
  object-fit: contain;      /* pastikan gambar utuh tanpa crop */
  display: block;
  margin: 0 auto;           /* center horizontal */
  
}