.o-thumb{display:block;position:relative;background:var(--papier);aspect-ratio:1}.o-thumb img{width:100%;height:100%;object-fit:cover}.o-ph{width:100%;height:100%;display:grid;place-content:center;justify-items:center;gap:6px}.o-ph .sw{width:42%;aspect-ratio:1;border-radius:50%;background-size:160px}.o-ph .label{font-size:9px;letter-spacing:.08em;color:var(--grau)}.o-q{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--nacht);color:var(--weiss);font:600 11px/22px var(--f-mono);text-align:center}.o-items{list-style:none;margin:0;padding:0;border-top:1px solid var(--anthrazit)}.o-item{display:grid;grid-template-columns:132px minmax(0,1fr) 120px 128px;grid-template-areas:"thumb info qty price";gap:28px;align-items:start;padding:24px 0;border-bottom:1px solid var(--haar)}.o-item>.o-thumb{grid-area:thumb}.o-info{grid-area:info;display:grid;gap:6px;align-content:start;min-width:0}.o-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;color:var(--grau)}.o-meta .label{font-size:11px}.o-name{font-size:var(--t-1);font-weight:700;letter-spacing:-.025em;line-height:1.1;text-decoration:none;color:var(--nacht);text-wrap:balance}.o-name:hover{color:var(--rot)}.o-type{font-size:var(--t-s);color:var(--grau)}.o-size{font-family:var(--f-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em}.o-size b{font-weight:600;color:var(--anthrazit)}.o-qtycol{grid-area:qty;display:grid;gap:10px;justify-items:start}.o-qtycol .qty button{color:var(--anthrazit)}.o-qtycol .qty button:disabled{opacity:.3;cursor:not-allowed}.o-qtycol .qty button:not(:disabled):hover{background:var(--milch)}.o-remove{background:none;border:0;padding:4px 0;font-family:var(--f-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--grau);cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.o-remove:hover{color:var(--rot)}.o-price{grid-area:price;display:grid;gap:4px;justify-items:end;text-align:right}.o-price b{font-family:var(--f-mono);font-weight:600;font-size:var(--t-0);font-variant-numeric:tabular-nums}.o-max{grid-column:2 / -1;font-family:var(--f-mono);font-size:var(--t-xs);color:var(--grau);margin-top:-12px}@media(max-width:760px){.o-item{grid-template-columns:96px minmax(0,1fr) auto;grid-template-areas:"thumb info info" "thumb qty price";gap:14px 16px;padding:18px 0}.o-name{font-size:var(--t-0);line-height:1.2}.o-qtycol{gap:6px}.o-price{padding-top:10px}.o-max{grid-column:1 / -1;margin-top:0}}.o-rows{display:grid;margin:0}.o-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;font-size:var(--t-s)}.o-row dt{color:var(--anthrazit)}.o-row dd{margin:0;font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.o-row .free{color:var(--ok);font-weight:600}.o-row.total{margin-top:8px;padding-top:16px;border-top:1px solid var(--anthrazit);align-items:baseline}.o-row.total dt{font-size:var(--t-1);font-weight:700;letter-spacing:-.02em}.o-row.total dd{font-size:var(--t-1);font-weight:600;letter-spacing:-.02em}.o-vat{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--grau)}.o-free{display:grid;gap:8px;padding:12px 0 4px}.o-free .bar{height:4px;background:var(--haar);position:relative;overflow:hidden}.o-free .bar span{position:absolute;inset:0 auto 0 0;background:var(--nacht);transition:width .3s ease}.o-free.done .bar span{background:var(--ok)}.o-free p{font-size:var(--t-xs);font-family:var(--f-mono);color:var(--grau);line-height:1.5}.o-free p b{color:var(--anthrazit);font-weight:600}.o-minis{list-style:none;margin:0;padding:0}.o-mini{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--haar)}.o-mini .t{display:grid;gap:2px;min-width:0}.o-mini .t b{font-weight:700;letter-spacing:-.015em;line-height:1.2;font-size:var(--t-s)}.o-mini .t span{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--grau)}.o-mini .p{font-family:var(--f-mono);font-size:var(--t-s);font-variant-numeric:tabular-nums;white-space:nowrap}.o-tl{list-style:none;margin:0;padding:0;display:grid}.o-tl li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 18px;padding-bottom:26px}.o-tl li:before{content:"";position:absolute;left:14px;top:32px;bottom:2px;width:2px;background:var(--haar)}.o-tl li.done:before{background:var(--nacht)}.o-tl li:last-child{padding-bottom:0}.o-tl li:last-child:before{display:none}.o-tl .dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--haar);background:var(--milch);display:grid;place-items:center;color:var(--weiss)}.o-tl li.done .dot{background:var(--nacht);border-color:var(--nacht)}.o-tl li.now .dot{border-color:var(--rot);background:var(--milch)}.o-tl li.now .dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--rot)}.o-tl .tx{display:grid;gap:4px;padding-top:3px}.o-tl .when{font-family:var(--f-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--grau)}.o-tl li.now .when{color:var(--rot)}.o-tl .what{font-size:var(--t-1);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--nacht)}.o-tl li.next .what{color:var(--grau);font-weight:600}.o-tl .note{font-size:var(--t-s);color:var(--grau);max-width:52ch}.o-empty{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,72px);align-items:end;padding-top:clamp(28px,4vw,48px);border-top:1px solid var(--anthrazit)}.o-empty .h{font-size:var(--t-3);color:var(--nacht);max-width:16ch}.o-empty .side{display:grid;gap:14px;align-content:end}.o-empty .side .btns{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:760px){.o-empty{grid-template-columns:minmax(0,1fr)}.o-empty .side .btns .btn{flex:1 1 100%}}.o-undo{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;justify-content:space-between;background:var(--anthrazit);color:var(--milch);padding:12px 16px;font-size:var(--t-s);margin-bottom:16px}.o-undo .gloss{color:var(--hell-auf-dunkel)}.o-undo button{background:none;border:0;padding:4px 0;color:var(--heu);font-family:var(--f-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.o-demo{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--rot)}.o-demo:before{content:"";width:8px;height:8px;background:var(--rot)}