.qo-page{background:var(--cream-100);min-height:60vh;padding:40px 0 96px}.qo-page .pagehead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.qo-page .pagehead .eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-700);margin-bottom:10px;font-size:11px}.qo-page .pagehead h1{font-family:var(--display);letter-spacing:-.01em;color:var(--text-strong);margin:0;font-size:38px;font-weight:800;line-height:1.1}.qo-page .pagehead p{color:var(--text-muted);max-width:60ch;margin:12px 0 0;font-size:15px;line-height:1.6}.qo-page .crumb{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:18px;font-size:12.5px;display:flex}.qo-page .crumb a{color:var(--text-muted);text-decoration:none}.qo-page .crumb a:hover{color:var(--gold-700)}.qo-page .crumb .sl{color:var(--text-faint)}.qo-search{position:relative}.qo-search input{box-sizing:border-box;width:100%;font-family:var(--sans);border:1px solid var(--cream-300);border-radius:var(--r-md);background:var(--cream-50);color:var(--text);padding:11px 14px 11px 38px;font-size:14px}.qo-search input:focus{border-color:var(--gold-400);outline:none}.qo-search svg{width:16px;height:16px;stroke:var(--text-faint);fill:none;stroke-width:2px;stroke-linecap:round;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.catfilter{flex-direction:column;gap:2px;display:flex}.catfilter label{color:var(--text);border-radius:var(--r-sm);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13.5px;transition:background .12s;display:flex}.catfilter label:hover{background:var(--cream-200)}.catfilter input{display:none}.catfilter label .ct{font-family:var(--mono);color:var(--text-faint);font-size:11px}.catfilter input:checked+.cf-row{color:var(--gold-700);font-weight:700}.cf-row{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.cf-row>span:first-child{white-space:nowrap;flex:auto}.catfilter label:has(input:checked){background:var(--cream-200)}.ordsum{background:var(--ink-700);color:var(--on-dark);border-radius:var(--r-lg);padding:22px}.ordsum h4{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-400);margin:0 0 16px;font-size:11px}.ordsum .line{color:var(--on-dark-mut);justify-content:space-between;align-items:center;gap:10px;padding:7px 0;font-size:13.5px;display:flex}.ordsum .line strong{color:#fff;white-space:nowrap;font-weight:600}.ordsum .div{background:#f1eadb24;height:1px;margin:10px 0}.ordsum .grand{justify-content:space-between;align-items:baseline;margin-top:4px;display:flex}.ordsum .grand .lbl{color:var(--on-dark-mut);font-size:13px}.ordsum .grand .amt{font-family:var(--display);color:#fff;letter-spacing:-.01em;font-size:30px;font-weight:800}.ordsum .vat{font-family:var(--mono);color:var(--on-dark-mut);text-align:right;margin-top:2px;font-size:11px}.ordsum .acts{flex-direction:column;gap:9px;margin-top:18px;display:flex}.ordsum .acts .btn{width:100%}.ordsum .btn-line{color:#fff;background:0 0;border:1px solid #f1eadb4d}.ordsum .btn-line:hover{border-color:var(--gold-400);color:var(--gold-400)}.ordsum .reset{color:var(--on-dark-mut);font-family:var(--sans);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:4px;font-size:12px;text-decoration:underline}.ordsum .reset:hover{color:#fff}.ordsum.is-empty .acts .btn-gold{opacity:.45;pointer-events:none}.side-tools{flex-direction:column;gap:16px;display:flex}.qo tbody tr.grp td{background:var(--cream-100);border-bottom:1px solid var(--cream-300);padding:11px 22px}.qo tbody tr.grp .gname{color:var(--ink-700);align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.qo tbody tr.grp .gname .gn-ct{font-family:var(--mono);color:var(--text-faint);font-size:10.5px;font-weight:400}.qo tbody tr.item.has-qty{background:color-mix(in srgb, var(--gold-200) 26%, var(--cream-50))}.qo tbody tr.item.has-qty:hover{background:color-mix(in srgb, var(--gold-200) 36%, var(--cream-50))}.qo .qtycell .stepper{transform:none}.qo .qtycell{white-space:nowrap}.qo-empty{text-align:center;color:var(--text-muted);padding:56px 22px}.qo-empty .big{color:var(--text-strong);margin-bottom:6px;font-size:15px;font-weight:600}.qo .foot .total .amt.zero{color:var(--text-faint)}@media (max-width:940px){.qo-page .ws{grid-template-columns:1fr}.qo-page .side{position:static}}