.menu-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 32px}.menu-photo-card{margin:0;background:#fff;border:1px solid #ddd9ce;border-radius:14px;overflow:hidden}.menu-photo-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.menu-photo-card figcaption{padding:18px}.menu-photo-card h2{font-size:1.35rem;margin:0 0 8px}.menu-photo-card p{font-size:.9rem;margin:0;line-height:1.6}.photo-disclaimer{font-size:.85rem;color:#665e51;margin-bottom:24px}@media(max-width:700px){.menu-photo-grid{grid-template-columns:1fr}.menu-photo-card img{aspect-ratio:16/10}}

.package-choices .menu-photo-card img{height:160px;aspect-ratio:auto;object-fit:cover;object-position:center}
@media(max-width:700px){.package-choices .menu-photo-card img{height:140px}}

#event .field[hidden],#event details[hidden]{display:none!important}
.tray-table{width:100%;overflow:auto}.tray-head,.tray-row{display:grid;grid-template-columns:minmax(190px,2fr) 145px 85px 70px 95px;gap:12px;align-items:center;min-width:620px;padding:15px 0;border-bottom:1px solid #dfd5c6}.tray-head{font-weight:700}.tray-stepper{display:flex;gap:4px;align-items:center}.tray-stepper button{padding:7px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer}.tray-stepper input{width:58px;padding:7px}#tray-total{padding:20px 0;font-weight:700;font-size:1.1rem}#tray-quote{margin-top:20px}
#event section[hidden],.workspace>section[hidden],#tray-quote[hidden]{display:none!important}.tray-progress{display:flex;justify-content:space-between;gap:12px}.tray-progress span{padding:10px}.tray-progress [aria-current=step]{font-weight:700;color:#bf4624;border-bottom:3px solid #bf4624}
.tray-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.tray-actions[hidden]{display:none!important}.tray-actions>button{flex:1;min-width:0}.tray-actions button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){.tray-actions>button{font-size:14px;padding:12px 8px}}

/* Order steps must not inherit the mobile header menu overlay. */
.workspace .tray-progress{position:static;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:auto;z-index:auto;box-shadow:none;align-items:stretch;padding:12px;gap:6px}
.tray-progress button{font:inherit;font-size:.9rem;text-align:left;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:10px 6px;color:inherit;min-height:48px;cursor:pointer;white-space:normal}
.tray-progress button[aria-current=step]{color:#bf4624;border-bottom-color:#bf4624;font-weight:700}
.tray-progress button:focus-visible{outline:2px solid #bf4624;outline-offset:2px}

.restart-order{min-height:60px;min-width:260px;padding:18px 28px;font-size:1.1rem;font-weight:700;margin-top:12px}.order-reset-dialog{max-width:480px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:16px;padding:24px;color:var(--ink);background:var(--paper);margin:auto}.order-reset-dialog::backdrop{background:#0008}.order-reset-dialog h2{font-size:1.4rem;margin-bottom:14px}.order-reset-dialog p{margin-bottom:20px}@media(max-width:600px){.restart-order{width:100%;min-width:0}.order-reset-dialog .stack>*{width:100%}}