/* Menu sheets use the same food photography, ink and type as the warung. */
.warung-menu .tm-list .tm-row{grid-template-columns:80px 1fr auto 14px}
.tm-item-photo{width:80px;height:80px;object-fit:cover}
.tm-detail-photo{width:100%;max-height:310px;object-fit:cover}
.warung-menu .dine-detail-copy{padding-top:24px}
.warung-menu .brand{font:inherit}
.warung-menu .brand strong{font:italic 800 37px/.95 Georgia,serif}
.warung-menu .tm-mast .brand{color:var(--red)}
@media(max-width:680px){.warung-menu .tm-list .tm-row{grid-template-columns:64px 1fr auto 12px;gap:8px}.tm-item-photo{width:64px;height:70px}.warung-menu .tm-mast{gap:12px}.warung-menu .brand strong{font-size:28px}.warung-menu .brand img{width:28px}}
.warung-menu { --tm-red:#a5281a; --tm-line:#bfb9a7; background:#f5f3e8; color:#24251e; font-family:DM,Arial,sans-serif; }
.warung-menu * { box-sizing:border-box; }
.warung-menu button, .warung-menu a { font:inherit; }
.tm-ribbon,.tm-mast,.tm-main { padding-inline:max(5vw,calc((100vw - 1320px)/2)); }
.tm-ribbon { display:flex; justify-content:space-between; background:#252921; color:#fff8e7; padding-block:5px; font-size:.74rem; }
.tm-mast { display:flex; align-items:center; gap:2rem; padding-block:15px; border-bottom:1px solid var(--tm-line); }
.tm-mast a,.tm-foot a,.tm-ribbon a { color:inherit; text-underline-offset:4px; }
.tm-brand { display:inline-flex; align-items:center; font-family:Bricolage,Arial,sans-serif!important; font-weight:800!important; font-size:2rem!important; letter-spacing:-.065em; line-height:1; text-decoration:none; color:var(--tm-red)!important; }
.tm-brand span { font:600 .71rem DM,Arial,sans-serif; letter-spacing:.04em; margin-left:.6rem; }
.tm-mast nav { display:flex; gap:1.3rem; margin-left:auto; font-size:.9rem; }
.tm-mast nav a { text-decoration:none; }
.tm-mast nav a[aria-current] { text-decoration:underline; }
.tm-action { display:inline-flex; gap:.5rem; align-items:center; justify-content:center; text-decoration:none; padding:10px 19px; background:var(--tm-red); border:1px solid var(--tm-red); color:#fff!important; font-weight:700!important; cursor:pointer; }
.tm-action b { font-size:.8rem; }
.tm-intro { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:4rem; padding-block:clamp(2rem,6vw,5rem); }
.tm-intro h1,.tm-heading h2,.tm-dialog-copy h2 { font-family:Bricolage,'Arial Black',sans-serif; letter-spacing:-.055em; line-height:.95; margin:0; }
.tm-intro h1 { font-size:clamp(3.4rem,7.5vw,7rem); max-width:10ch; }
.tm-intro>div>p,.tm-heading p,.tm-dialog-copy>p:first-child { font-size:.8rem; font-weight:700; margin:0 0 1rem; color:var(--tm-red); }
.tm-lede { max-width:34ch; font-size:1.12rem; line-height:1.5; }
.tm-tabs { display:flex; gap:26px; align-items:center; border-block:1px solid var(--tm-line); padding:12px 0; }
.tm-tabs a { color:inherit; text-decoration:none; font-weight:700; }
.tm-heading { display:grid; grid-template-columns:1fr .8fr; align-items:center; gap:2rem; padding-block:2.2rem; }
.tm-heading h2 { font-size:clamp(2rem,4.2vw,4.5rem); }
.tm-heading img { width:100%; object-fit:cover; height:clamp(8rem,16vw,15rem); }
.tm-heading span { display:block; margin-top:.8rem; max-width:36ch; line-height:1.45; }
.tm-category { scroll-margin-top:1rem; margin-bottom:3rem; }
.tm-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:2.5rem; border-top:1px solid var(--tm-line); }
.warung-menu .tm-row { display:grid; grid-template-columns:1fr auto 18px; text-align:left; align-items:center; gap:10px; padding:1.2rem 0; background:transparent; color:inherit; border:0; border-bottom:1px solid var(--tm-line); cursor:pointer; line-height:1.35; }
.tm-row b,.tm-row small { display:block; }
.tm-row b { font-size:1.12rem; }
.tm-row strong { font-size:.86rem; white-space:nowrap; }
.tm-row i { font:400 1.1rem Arial; color:var(--tm-red); }
.tm-row small { margin-top:.38rem; color:#545449; font-size:.86rem; }
.tm-row:hover b,.tm-tabs a:hover { color:var(--tm-red); }
.warung-menu .tm-foot { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--tm-line); padding:1.5rem 0 2rem; font-size:.9rem; }
.warung-menu .tm-dialog { padding:0; width:min(500px,92vw); color:#24251e; border:1px solid #493c30; background:#f5f3e8; }
.tm-dialog-copy { padding:3rem 1.6rem 2rem; }
.tm-dialog-copy h2 { font-size:2.4rem; margin:1rem 0; }
.tm-dialog-copy dl { border-block:1px solid var(--tm-line); padding:1rem 0; }
.tm-dialog-copy dt { font-weight:700; font-size:.9rem; }
.tm-dialog-copy dd { margin:0 0 .6rem; }
.warung-menu .dine-item-detail { max-width:min(520px,95vw); }
.warung-menu [data-item-detail-content] { display:block; }
.warung-menu .table-card { box-shadow:none; border:1px solid var(--tm-line); color:inherit; background:#eae7d8; }
.warung-menu .dine-order-rail { box-shadow:none; }
@media(max-width:800px) {
  .tm-list { grid-template-columns:1fr; }
  .tm-intro { gap:1rem; grid-template-columns:1fr; }
  .tm-lede { margin:0; }
  .tm-mast { gap:.8rem; }
  .tm-mast nav { gap:.75rem; }
  .tm-brand span { display:none; }
  .tm-mast .tm-action { padding:8px 11px; }
  .tm-heading { gap:1rem; grid-template-columns:1.3fr 1fr; }
  .tm-heading p { margin-bottom:.5rem; }
  .tm-heading span { font-size:.87rem; }
}
@media(max-width:380px) { .tm-mast nav { display:none; } .tm-mast .tm-action { margin-left:auto; } }