.ordering {
    .demo-view-switch { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:28px; font-size:12px; color:var(--teal); }
    .demo-view-switch .back { margin:0; }
    .demo-live { display:flex; gap:8px; align-items:center; font-size:11px; color:var(--muted); }
    .demo-live span { color:var(--teal); }
    .tracking-layout { display:grid; grid-template-columns:1.2fr 1fr; gap:28px; align-items:start; margin-top:28px; }
    .tracking-panel { padding:36px; }
    .tracking-current { padding:32px 0; border-bottom:1px solid var(--line); }
    .tracking-current h2 { font-size:38px; margin:12px 0 16px; color:var(--teal); }
    .tracking-current>p:last-child { font-size:14px; line-height:1.8; color:var(--muted); }
    .order-card-heading { display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
    .order-status { display:inline-flex; align-items:center; border-radius:24px; padding:8px 12px; font-size:10px; line-height:1.5; background:#eee9db; color:var(--dark); }
    .status-received { background:#f8ebca; color:#775315; }
    .status-accepted { background:#e4efee; color:#236b68; }
    .status-preparing { background:#e0eeeb; color:#0b6869; }
    .status-ready { background:#d8ebd8; color:#315c31; }
    .status-completed { background:#efeee8; color:#66715e; }
    .order-timeline { list-style:none; margin:30px 0 0; padding:0; }
    .order-timeline li { display:flex; gap:18px; padding:0 0 28px; position:relative; color:var(--muted); }
    .order-timeline li:last-child { padding-bottom:0; }
    .order-timeline li:not(:last-child):before { content:""; position:absolute; top:34px; bottom:0; left:16px; width:1px; background:var(--line); }
    .timeline-marker { border:1px solid var(--line); background:var(--cream); border-radius:50%; flex-shrink:0; width:34px; height:34px; display:grid; place-items:center; font-size:12px; }
    .order-timeline strong { display:block; font-size:14px; font-weight:500; padding-top:3px; }
    .order-timeline small { display:block; font-size:11px; margin-top:6px; }
    .order-timeline .current { color:var(--teal); }
    .order-timeline .current .timeline-marker { color:white; border-color:var(--teal); background:var(--teal); box-shadow:0 0 0 5px #107f8010; }
    .order-timeline .done .timeline-marker { color:var(--teal); border-color:#bad5cb; background:#e8f0e8; }
    .order-detail-panel h2 { font-size:30px; overflow-wrap:anywhere; }
    .shop-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .shop-heading .button { flex-shrink:0; }
    .shop-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:28px 0; }
    .shop-stats>div { border:1px solid var(--line); background:#f0ecdf; border-radius:7px; padding:22px 24px; }
    .shop-stats span { display:block; font-size:11px; color:var(--muted); }
    .shop-stats strong { display:block; font:42px Georgia,serif; color:var(--teal); margin-top:12px; }
    .shop-filters { margin:28px 0; }
    .shop-order-grid, .customer-order-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }
    .shop-order-card, .customer-order-card { margin:0; min-width:0; }
    .shop-order-card h2 { overflow-wrap:anywhere; font-size:30px; }
    .shop-address { font-size:12px; line-height:1.8; color:var(--muted); padding:14px 0; border-top:1px solid var(--line); }
    .shop-card-actions { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; margin-top:20px; }
    .shop-card-actions .button { min-width:160px; }
    .completed-label { font-size:12px; color:var(--teal); padding:16px 0; }
    .demo-empty { padding:45px 30px; text-align:center; }
    .demo-empty>p { max-width:520px; margin:0 auto 24px; }
    .customer-order-card>p { font-size:12px; color:var(--muted); }
    @media(max-width:900px) {
        .tracking-layout { grid-template-columns:1fr; }
        .shop-stats { grid-template-columns:repeat(2,1fr); }
        .shop-order-grid { grid-template-columns:1fr; }
    }
    @media(max-width:760px) {
        .site-header nav a:nth-child(2) { display:inline; }
        .site-header nav { flex-wrap:wrap; gap:8px 12px; }
        .demo-view-switch { align-items:flex-start; flex-direction:column; gap:12px; }
        .shop-heading { align-items:flex-start; flex-direction:column; gap:0; }
        .shop-heading .button { margin:0 0 16px; }
        .shop-stats { gap:10px; }
        .shop-stats>div { padding:18px; }
        .shop-stats strong { font-size:34px; }
        .tracking-panel { padding:24px 20px; }
        .tracking-current h2 { font-size:32px; }
        .customer-order-grid { grid-template-columns:1fr; }
        .shop-card-actions { align-items:stretch; flex-direction:column; }
        .shop-card-actions .button { justify-content:center; }
    }
}