/* Kundenansicht der Theke (Thekenblick, T1). Farben aus den Hausfarben der Bestellseite (--p, --s, --surface, --fg ...). */
.th-seite{max-width:var(--wrap,880px);margin:0 auto}
.th-zurueck{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.9rem}
.th-sprache a[aria-current]{font-weight:700;text-decoration:none}
.th-seite h1{font-family:var(--f-display);margin:.4rem 0 .8rem}
.th-reiter{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}
.th-reiter a{padding:.4rem .8rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--fg);background:var(--surface)}
.th-reiter a[aria-current]{background:var(--p);color:var(--p-on);border-color:var(--p)}
.th-filter{margin:0 0 1rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.th-filter fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1rem}
.th-filter legend{font-weight:700;padding:0;margin-bottom:.4rem}
.th-filter label{display:inline-flex;align-items:center;gap:.4rem;min-height:2.2rem}
.th-ohne{margin-top:.5rem}.th-ohne summary{cursor:pointer;font-weight:600}
.th-ohne div{display:flex;flex-wrap:wrap;gap:.2rem 1rem;margin-top:.4rem}
.th-zaehler{margin:.5rem 0 0;color:var(--muted);min-height:1.2em}
.th-leer{margin:.3rem 0 0;color:var(--fehler)}
.th-bild{margin:0 0 1.5rem}
.th-bild figcaption{margin-top:.5rem;color:var(--muted);font-size:.85rem}
.th-buehne{position:relative;border-radius:var(--r);box-shadow:var(--schatten)}
.th-buehne img{display:block;width:100%;height:auto;border-radius:var(--r)}
/* Ohne Skript: Schilder untereinander; mit Skript (th-live) schweben sie an ihrem Punkt. */
.th-schilder{display:grid;gap:.4rem;padding-top:.6rem}
.th-schild{background:var(--surface);color:var(--fg);border:2px solid var(--p);border-radius:.7rem;box-shadow:0 6px 16px -8px rgba(0,0,0,.55);max-width:100%}
.th-schild summary{display:flex;align-items:center;gap:.4rem;padding:.35rem .55rem;cursor:pointer;font-size:.85rem;list-style:none;min-height:2.2rem}
.th-schild summary::-webkit-details-marker{display:none}
.th-nr{display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;border-radius:50%;background:var(--p);color:var(--p-on);font-weight:700;font-size:.8rem}
.th-name{font-weight:600}
.th-preis{font-family:var(--f-mono);white-space:nowrap}
.th-live .th-schilder{display:block;padding:0;position:absolute;inset:0;pointer-events:none}
.th-live .th-schild{position:absolute;width:max-content;max-width:min(15rem,70%);pointer-events:auto;transform:translate(-50%,10px)}
.th-live .th-schild.th-unten{transform:translate(-50%,calc(-100% - 10px))}
.th-live .th-schild:not([open]) .th-name{max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.th-live .th-schild[open]{width:15rem}
.th-schild.th-aus{opacity:.3}
.th-schild:focus-within,.th-schild[open]{outline:3px solid var(--s);outline-offset:1px}
.th-inhalt{padding:.2rem .7rem .7rem;font-size:.9rem}
.th-inhalt p{margin:.25rem 0}
.th-einheit,.th-merkmale{color:var(--muted)}
.th-merkmale span+span::before{content:" · "}
.th-rest{font-weight:700;color:var(--p-text)}.th-rest.aus{color:var(--fehler)}
.th-bestellen{display:flex;flex-wrap:wrap;align-items:end;gap:.5rem;margin-top:.5rem}
.th-bestellen label{display:flex;flex-direction:column;font-size:.8rem;gap:.15rem}
.th-bestellen input[type=number]{width:5.5rem;min-height:2.6rem;padding:.2rem .4rem;font:inherit;border:1px solid var(--line);border-radius:.5rem}
.th-ek{color:var(--muted)}
.th-knopf{min-height:2.75rem;padding:.4rem .9rem;border:0;border-radius:.6rem;background:var(--p);color:var(--p-on);font:inherit;font-weight:700;cursor:pointer}
.th-knopf:focus-visible{outline:3px solid var(--s);outline-offset:2px}
.th-hinweis{color:var(--muted)}
.th-liste ol{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.th-liste li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.6rem .8rem}
.th-liste li[hidden]{display:none}
.th-liste h3{margin:0;font-size:1.05rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.th-liste h3 .th-preis{margin-left:auto}
.th-legende{color:var(--muted);font-size:.85rem;margin-top:.8rem}
@media (prefers-reduced-motion:no-preference){.th-schild{transition:opacity .2s}}

/* Zurücklegen mit Abholzeit (Prompt 186b) */
.th-zuruecklegen{display:flex;flex-wrap:wrap;align-items:end;gap:.5rem;margin-top:.75rem;padding-top:.6rem;border-top:1px solid var(--line)}
.th-zuruecklegen .th-zl-titel{flex-basis:100%;margin:0;font-weight:700;font-size:.85rem}
.th-zuruecklegen label{display:flex;flex-direction:column;font-size:.8rem;gap:.15rem}
.th-zuruecklegen input[type=number]{width:5.5rem;min-height:2.6rem;padding:.2rem .4rem;font:inherit;border:1px solid var(--line);border-radius:.5rem}
.th-zuruecklegen select{min-height:2.6rem;padding:.2rem .4rem;font:inherit;border:1px solid var(--line);border-radius:.5rem;max-width:100%}
.th-zuruecklegen .th-hinweis{flex-basis:100%;margin:0}
.th-fehler{padding:.6rem .8rem;border:2px solid currentColor;border-radius:.5rem;font-weight:600}
.th-zl-nummer{font-size:3rem;font-weight:800;margin:.25rem 0;line-height:1}