.orderwrap{padding-bottom:var(--sec)}
.orderform{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
@media (max-width:980px){.orderform{grid-template-columns:1fr}}

.orderline{border:0;padding:22px;margin:0 0 16px;display:flex;flex-direction:column;gap:12px}
.orderline__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.orderline__head h3{font-size:16.5px}
.orderline__head span{font-size:12.5px;color:var(--muted)}
.orderline__packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.orderline__pack{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:var(--r-sm);border:1px solid var(--line-2)}
.orderline__pack span:first-child{font-size:13px;font-weight:600}
.orderline__pack span:last-child{font-size:12px;color:var(--muted);font-family:var(--f-mono)}
.orderline__pack input{margin-top:4px;width:100%;padding:8px 10px;border-radius:var(--r-xs);border:1px solid var(--line-2);font:inherit}
.orderline__pack input:focus{outline:none;border-color:var(--red)}

.ordersummary{position:sticky;top:100px;padding:22px;display:flex;flex-direction:column;gap:2px}
.ordersummary h3{font-size:14px;margin-bottom:10px}
.ordersummary__empty{font-size:13px;color:var(--muted)}
.ordersummary__row{display:flex;justify-content:space-between;font-size:13.5px;padding:8px 0;border-bottom:1px dashed var(--line-2)}
.ordersummary__total{display:flex;justify-content:space-between;padding-top:14px;margin-top:6px;border-top:2px solid var(--ink);font-weight:700;font-size:16px}
.ordersummary .btn{margin-top:18px}