.commerce-main{padding:clamp(22px,3vw,48px) var(--site-layout-gutter,24px) 80px;width:100%;min-width:0;box-sizing:border-box}.commerce-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.commerce-head h1{font-size:clamp(27px,3vw,40px);letter-spacing:-.04em;margin:8px 0}.commerce-muted{color:var(--muted,#777);font-size:13px;line-height:1.8}.commerce-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,350px);gap:24px;align-items:start}.commerce-card{border:1px solid var(--line,#ddd);border-radius:16px;background:var(--surface,#fff);padding:24px;margin-bottom:18px;min-width:0}.commerce-card h2{font-size:18px;margin:0 0 18px}.commerce-summary{position:sticky;top:90px}.commerce-sum-row{display:flex;justify-content:space-between;gap:20px;padding:9px 0;font-size:14px}.commerce-sum-row.total{border-top:1px solid var(--line,#ddd);margin-top:12px;padding-top:18px;font-size:18px;font-weight:650}.commerce-sum-row.total strong{font-size:26px;color:var(--accent,#576e52)}.commerce-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.commerce-actions .btn{justify-content:center}.commerce-primary-wide{width:100%;justify-content:center;margin-top:20px}.commerce-item{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:18px;align-items:center;border-top:1px solid var(--line,#ddd);padding:18px 0}.commerce-item:first-child{border-top:0;padding-top:0}.commerce-item:last-child{padding-bottom:0}.commerce-thumb{width:88px;height:88px;object-fit:contain;border-radius:10px;background:#f2f2ee}.commerce-item h3{margin:0 0 6px;font-size:15px;line-height:1.6}.commerce-item p{margin:3px 0;font-size:12px;color:var(--muted,#777)}.commerce-item-amount{text-align:right;font-weight:650;white-space:nowrap}.commerce-qty{width:72px!important;margin:10px 0 0;padding:7px!important}.commerce-link-button{padding:5px 0;background:none;border:0;text-decoration:underline;color:var(--muted,#777);cursor:pointer;font-size:12px}.commerce-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.commerce-form label{display:grid;gap:7px;font-size:13px;min-width:0}.commerce-form .full{grid-column:1/-1}.commerce-form input,.commerce-form textarea,.commerce-form select,.commerce-toolbar input,.commerce-toolbar select{width:100%;box-sizing:border-box;min-width:0;padding:12px;border:1px solid var(--line,#ddd);border-radius:8px;background:#fff;color:var(--ink,#222);font:inherit}.commerce-form textarea{min-height:85px;resize:vertical}.commerce-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.commerce-toolbar input{flex:1;min-width:180px}.commerce-toolbar select{width:auto}.commerce-message{padding:14px 18px;border-radius:10px;margin-bottom:18px;background:#fff5e5;color:#775218;font-size:13px;line-height:1.8}.commerce-message:empty{display:none}.commerce-empty{padding:50px 20px;text-align:center;color:var(--muted,#777);line-height:2}.commerce-badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#f2f1eb;font-size:12px;white-space:nowrap}.commerce-badge.paid{background:#eaf5ec;color:#27653e}.commerce-order-head{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line,#ddd);padding-bottom:15px;margin-bottom:18px}.commerce-order-head small{display:block;margin-top:5px;color:var(--muted,#777);word-break:break-all}.commerce-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.commerce-stat{border:1px solid var(--line,#ddd);border-radius:14px;padding:20px;background:#fff}.commerce-stat span{display:block;color:var(--muted,#777);font-size:12px}.commerce-stat strong{display:block;font-size:25px;margin-top:8px}.commerce-timeline{list-style:none;padding:0;margin:0}.commerce-timeline li{border-left:2px solid var(--line,#ddd);padding:0 0 22px 18px}.commerce-timeline li:last-child{padding-bottom:0}.commerce-timeline time{font-size:12px;color:var(--muted,#777);display:block;margin-bottom:5px}.commerce-payment-state{text-align:center;padding:30px 12px}.commerce-payment-state .amount{font-size:clamp(36px,4vw,54px);font-weight:650;margin:15px 0}.commerce-admin-head{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:12px var(--site-layout-gutter,24px);border-bottom:1px solid var(--line,#ddd);background:#fff;position:sticky;top:0;z-index:85}.commerce-admin-details{margin-top:18px;border-top:1px solid var(--line,#ddd);padding-top:18px}.commerce-admin-details summary{cursor:pointer;font-size:14px;font-weight:600}.commerce-admin-details .commerce-form{margin-top:20px}.commerce-admin-table{width:100%;border-collapse:collapse;font-size:13px}.commerce-admin-table th,.commerce-admin-table td{padding:14px 10px;border-top:1px solid var(--line,#ddd);text-align:left;vertical-align:top}.commerce-admin-table th{white-space:nowrap}.commerce-table-scroll{overflow:auto}.commerce-admin-table td{min-width:110px}.commerce-admin-table td:first-child{min-width:180px}.commerce-admin-table input{max-width:200px;padding:9px;border:1px solid var(--line,#ddd);border-radius:6px}.commerce-note{overflow-wrap:anywhere}.commerce-step{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted,#777);margin-bottom:24px}.commerce-step strong{color:var(--ink,#222)}.commerce-card button:disabled{opacity:.5;cursor:wait}@media(min-width:1900px){.commerce-grid{grid-template-columns:minmax(0,1fr) minmax(350px,25%)}}@media(max-width:1000px){.commerce-grid{grid-template-columns:1fr}.commerce-summary{position:static}}@media(max-width:640px){.commerce-main{padding:22px 14px 60px}.commerce-head{align-items:flex-start;flex-direction:column}.commerce-card{padding:18px;border-radius:12px}.commerce-form{grid-template-columns:1fr}.commerce-form .full{grid-column:auto}.commerce-item{grid-template-columns:64px minmax(0,1fr);gap:12px}.commerce-thumb{width:64px;height:64px}.commerce-item-amount{grid-column:2;text-align:left}.commerce-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.commerce-stat{padding:15px}.commerce-stat strong{font-size:20px}.commerce-actions .btn{flex:1}.commerce-toolbar select{flex:1}}
@media(max-width:640px){.commerce-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-toolbar input{grid-column:1/-1;min-width:0}.commerce-toolbar select{width:100%;min-width:0}.commerce-toolbar button{grid-column:1/-1;justify-content:center}}
.commerce-installation{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.7;margin:10px 0 4px;cursor:pointer}.commerce-installation input{width:17px;height:17px;flex:0 0 17px;margin:3px 0}.commerce-installation:has(input:disabled){color:var(--muted,#777);cursor:default}

.commerce-design-thumb{position:relative;display:block;padding:0;border:1px solid var(--line,#ddd);overflow:hidden;cursor:zoom-in;background:#fafaf7}.commerce-design-image{display:block;width:100%;height:100%;box-sizing:border-box;padding:6px 6px 18px;object-fit:contain}.commerce-design-thumb>span{position:absolute;right:5px;bottom:2px;font-size:10px;line-height:14px;color:var(--muted,#666)}.commerce-design-thumb:focus-visible{outline:2px solid var(--accent,#576e52);outline-offset:3px}.commerce-design-missing{display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;line-height:1.6;color:var(--muted,#777)}.commerce-preview-dialog{width:min(1100px,92vw);max-width:92vw;max-height:92vh;box-sizing:border-box;margin:auto;padding:22px;border:1px solid var(--line,#ddd);border-radius:16px;background:var(--surface,#fff);color:var(--ink,#222);box-shadow:0 24px 80px #0003;overflow:auto}.commerce-preview-dialog::backdrop{background:#0009}.commerce-preview-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.commerce-preview-head h2{font-size:18px;margin:0;overflow-wrap:anywhere}.commerce-preview-close{flex-shrink:0;border:1px solid var(--line,#ddd);border-radius:8px;background:#fff;padding:9px 14px;font:inherit;font-size:13px;cursor:pointer}.commerce-preview-image{display:block;width:100%;height:70vh;max-height:70vh;object-fit:contain;border-radius:8px;background:#f7f7f3}.commerce-preview-dialog>p{margin:10px 0 0}.commerce-legacy-design{padding:18px 0;border-top:1px solid var(--line,#ddd)}.commerce-legacy-design h3{margin:0;font-size:15px}.commerce-legacy-design:last-child{padding-bottom:0}@media(max-width:640px){.commerce-preview-dialog{padding:16px;border-radius:12px}.commerce-preview-image{height:65vh;max-height:65vh}.commerce-preview-head{gap:12px}.commerce-preview-head h2{font-size:16px}}