/* ===== Base layout ===== */
:root{
  --border:#d9cbb8;          /* soft beige border (matches screenshot tone) */
  --bg:#ffffff;               /* page background */
  --text:#111;                /* main text */
  --muted:#6f6f6f;            /* secondary text */
  --dot:#998B59;                 /* list bullet */
  --btn:#998B59;                 /* button background */
  --btn-text:#fff;
}

.menu-cards-wrap{ background:var(--bg); padding:30px 0; }
.menu-cards-wrap .container{ max-width:1180px; margin:0 auto; padding:0 16px; }

.menu-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:28px;
}
@media (max-width: 900px){
  .menu-grid{ grid-template-columns:1fr; }
}

/* ===== Card ===== */
.menu-card{
  background:#fff;
  border:1px solid var(--border);
  padding:22px 22px 18px;
  position:relative;
}

.menu-header{
  display:flex; align-items:flex-start; justify-content:space-between;
  margin-bottom:14px;
}
.menu-title{
  letter-spacing:.12em;
  font-weight:700;
  font-size:19px;
  margin:0;
  color:var(--text);
}
.menu-rate{ text-align:right; }
.menu-rate .rate-label{
  display:block; font-size:11px; letter-spacing:.15em; color:var(--muted); margin-bottom:3px;
  text-transform:uppercase;
}
.menu-rate .rate-amount{ font-weight:700; font-size:18px; color:var(--text); }
.menu-rate .rate-tax{ font-size:12px; color:var(--muted); }

/* ===== Body columns ===== */
.menu-body{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:26px;
  margin-top:10px;
}
@media (max-width:700px){
  .menu-body{ grid-template-columns:1fr; }
}

.menu-subtitle{
  font-size:15px; font-weight:700; margin:14px 0 8px; color:var(--text);
}

/* ===== List ===== */
.menu-list{ list-style:none; padding:0; margin:0; }
.menu-list li{
  display:flex; align-items:flex-start; justify-content:space-between;
  gap:10px; padding:6px 0; border-bottom:1px dashed #e9e1d7;
}
.menu-list li:last-child{ border-bottom:none; }

/* bullet */
.menu-list .label{
  position:relative; padding-left:18px; color:var(--text); font-size:14px; line-height:1.35;
}
.menu-list .label::before{
  content:"•"; position:absolute; left:0; top:0; color:var(--dot); font-weight:700;
}

/* qty column (right aligned numbers like screenshot) */
.menu-list .qty{ min-width:24px; text-align:right; color:var(--text); }

/* notes-only rows (no qty) */
.menu-list .note-only{ border-bottom:none; padding-top:6px; }
.menu-list em{ color:var(--muted); font-style:italic; font-size:12.5px; }

/* ===== Footer ===== */
.menu-footer{
  display:flex; align-items:center; justify-content:space-between;
  margin-top:16px;
}
.conditions{ color:var(--muted); font-size:12px; }
.btn-dark{
  background:var(--btn); color:var(--btn-text); text-decoration:none;
  padding:10px 18px; font-weight:700; font-size:13px; letter-spacing:.05em;
  display:inline-block;
}
.btn-dark:hover{ opacity:.9; }