/* menu cards — used by index.html strips and menu.html grids */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:128px;padding:16px 18px;
  background:rgba(20,16,13,.68);border:1px solid var(--line);border-radius:4px;backdrop-filter:blur(8px);
  transition:border-color .3s,transform .3s,background .3s;cursor:default}
.card:hover{border-color:rgba(255,176,103,.55);transform:translateY(-3px);background:rgba(28,20,14,.85)}
.card .no{font-size:10px;letter-spacing:.24em;color:var(--ember2);margin-bottom:8px}
.card h5{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.05}
.card p{margin-top:6px;font-size:12px;line-height:1.5;color:var(--mute)}
.card .cf{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.card .cf b{font-family:var(--serif);font-size:22px;font-weight:500}
.card .plus{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font-size:17px;line-height:1;transition:.25s}
.card .plus:hover{background:var(--cream);color:#16100b;border-color:var(--cream)}
.card.all{border-color:rgba(232,131,58,.55);background:linear-gradient(135deg,rgba(232,131,58,.16),rgba(20,16,13,.7));cursor:pointer}
.card.all .cf b{font-size:15px;font-family:var(--sans);letter-spacing:.14em;font-weight:600}
.card.all .arr{font-size:20px;transition:transform .3s}
.card.all:hover .arr{transform:translateX(6px)}

@media (max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}}