.po-multi-form{width:min(1120px,calc(100vw - 44px));max-width:1120px;margin-left:auto;margin-right:auto}
.title:has(+.po-multi-form){width:min(1120px,calc(100vw - 44px));max-width:1120px;margin-left:auto;margin-right:auto}
.po-multi-top{display:grid;grid-template-columns:minmax(270px,1fr) minmax(300px,.9fr) minmax(270px,1fr);gap:14px;align-items:start}
.po-panel,.po-size-section,.po-control{background:#fff;border:1px solid var(--line,#d8dfdc);border-radius:14px;padding:16px;box-shadow:0 3px 12px rgba(23,34,30,.04)}
.po-panel h2,.po-size-section h2,.po-control h2{margin:0 0 14px}
.po-panel>label,.po-pair label,.po-price-grid label{display:grid;gap:5px;margin-bottom:11px;font-size:.76rem;font-weight:700}
.po-panel input,.po-panel select,.po-size-tools input,.po-size-table input,.po-size-table select,.po-control input,.po-control select,.po-control textarea{width:100%;border-radius:8px}
.po-multi-form input:not([type="checkbox"]),.po-multi-form select,.po-multi-form textarea{box-sizing:border-box;border:1px solid var(--line,#d8e3df);outline:0;background:var(--surface-soft,#f6f8f7);color:var(--ink,#17231f);box-shadow:none;transition:border-color .15s,background .15s,box-shadow .15s}
.po-multi-form input:not([type="checkbox"]):focus,.po-multi-form select:focus,.po-multi-form textarea:focus{border-color:#950b84;background:#fff;box-shadow:0 0 0 2px rgba(149,11,132,.12);outline:0}
.po-multi-form input:not([type="checkbox"]):hover,.po-multi-form select:hover,.po-multi-form textarea:hover{border-color:#b8c7c2}
.po-multi-form .form-error:not(:empty){margin-top:10px;padding:10px 12px;border:1px solid #e0a3a3;border-radius:8px;background:#fff4f4;color:#9c2626;font-weight:700}
.po-center{text-align:center}
.po-style-image{height:300px;display:flex;align-items:center;justify-content:center;background:#f5f7f6;border:1px solid var(--line,#d8dfdc);border-radius:12px;overflow:hidden}
.po-style-image img{width:100%;height:100%;object-fit:contain}
.po-style-image span{color:#6b7772}
.po-style-copy{display:grid;gap:3px;padding:10px 0}
.po-style-copy small{color:#63716b}
.po-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:left}
.po-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.po-size-section{margin-top:18px}
.po-size-head{display:flex;justify-content:space-between;gap:20px;align-items:end}
.po-size-tools{display:flex;align-items:end;gap:8px}
.po-size-tools label{display:grid;gap:4px;font-size:.72rem;font-weight:700;min-width:260px}
.po-size-scroll{overflow:auto;margin-top:14px}
.po-size-table{width:100%;border-collapse:collapse}
.po-size-table th,.po-size-table td{border:1px solid #dbe2df;padding:7px;text-align:center}
.po-size-table thead th,.po-size-table tfoot th{background:#edf4f1}
.po-size-table td:first-child,.po-size-table th:first-child{text-align:left;min-width:220px}
.po-size-table select{width:100%}
.po-size-table .po-qty{width:72px;text-align:center}
.po-row-total{font-weight:800;background:#f7faf8}
.po-remove{border:0;background:transparent;color:#a12b2b;font-size:1.25rem}
.po-size-note{margin:10px 0 0;color:#61706a;font-size:.78rem}
.po-control{margin-top:18px}
.po-multi-form .form-actions{position:sticky;bottom:0;background:rgba(255,255,255,.96);padding:14px 18px;margin-top:18px;border:1px solid var(--line,#d8dfdc);border-radius:12px;z-index:3}
.po-group-list tbody tr{height:72px}.po-list-image{width:52px;height:58px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line,#d8e3df);border-radius:9px;background:var(--surface-soft,#f3f6f5)}.po-list-image img{width:100%;height:100%;object-fit:contain}
.po-multi-form #poGrandSummary{margin-left:auto}
@media(max-width:1100px){.po-multi-top{grid-template-columns:1fr}
.po-style-image{height:260px}
.po-size-head{align-items:stretch;flex-direction:column}
.po-size-tools{flex-wrap:wrap}
}