.dish-types { display:flex; gap:10px; margin:12px 0; }
.dish-types button, .dish-option { font:inherit; color:inherit; background:var(--brand-surface); border:1px solid var(--brand-border); border-radius:12px; padding:12px 16px; cursor:pointer; }
.dish-types button { flex:1; }
.dish-types button[aria-pressed="true"], .dish-option[aria-pressed="true"] { border-color:var(--brand-primary-dark); background:var(--brand-primary-soft); box-shadow:inset 0 0 0 1px var(--brand-primary-dark); }
.dish-options { display:grid; gap:10px; margin:12px 0 18px; }
.dish-option { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 12px; text-align:start; width:100%; }
.dish-option small { grid-column:1 / -1; line-height:1.7; }
.dish-option strong { overflow-wrap:anywhere; }
.dish-option-price { white-space:nowrap; }
.dish-types button:focus-visible, .dish-option:focus-visible { outline:3px solid var(--brand-primary-dark); outline-offset:3px; }
#pos-dish-options { margin-block:16px; }
#pos-dish-options[hidden], #pos-products[hidden], #modal-dish-options[hidden] { display:none; }
.restaurant-menu-page .food-card .add-to-cart.dish-select { width:auto!important; min-width:64px; padding-inline:12px; font-size:14px; }
@media(max-width:420px) { .dish-option { padding:10px; gap:6px; } }