.order-timing{grid-column:1/-1;min-width:0;border:0;padding:0;margin:0;display:grid;gap:10px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.order-timing legend{font-size:14px;font-weight:700;margin-bottom:10px;color:inherit}
.timing-buttons{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.timing-buttons button{box-sizing:border-box;min-width:0;height:56px;min-height:56px;border:1px solid #5e4c3b;border-radius:12px;background:#29231e;color:#e9d7c6;padding:8px;font:inherit;font-size:13px;line-height:1.4;cursor:pointer}
.timing-buttons button.selected{border-color:#ff7a00;background:#50321b;color:#ffcd9f}
.schedule-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:start}
.schedule-fields[hidden]{display:none}
#checkoutModal #orderTiming .schedule-cell{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;width:100%;max-width:100%;align-content:start}
#checkoutModal #orderTiming .schedule-cell>label{min-width:0;margin:0;padding:0;font-size:13px;line-height:1.4}
#checkoutModal #orderTiming .timing-buttons>button,
#checkoutModal #orderTiming .schedule-control{box-sizing:border-box!important;position:relative;display:flex;align-items:center;justify-content:center;width:100%!important;min-width:0!important;max-width:100%!important;height:56px!important;min-height:56px!important;margin:0!important;padding:8px!important;border:1px solid #5e4c3b;border-radius:12px!important;background:#29231e;color:#e9d7c6;font-family:inherit!important;font-size:13px!important;font-weight:400!important;line-height:1.4!important;overflow:hidden}
#checkoutModal #orderTiming .timing-buttons>button.selected{border-color:#ff7a00;background:#50321b;color:#ffcd9f}
#checkoutModal #orderTiming .schedule-value{display:block;min-width:0;max-width:100%;font:inherit;color:inherit;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
/* Native pickers remain accessible and tappable, but their platform-sized text cannot overflow the visual control. */
#checkoutModal #orderTiming .schedule-control>input{position:absolute!important;inset:0!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;font-size:16px!important;cursor:pointer}
#checkoutModal #orderTiming .schedule-control:focus-within{outline:2px solid #ff7a00;outline-offset:-2px}
.timing-note{font-size:12px;line-height:1.5;color:#b5a392;margin:0}
.order-time-label{line-height:1.5;color:#ffbf8a}