.commerce-page{padding-top:48px;padding-bottom:64px}.commerce-title{margin-bottom:28px}.commerce-title p{font-size:18px;margin-top:10px}.commerce-panel{background:#fff;border:1px solid #e5e5e2;border-radius:12px;padding:28px;margin-bottom:22px;min-width:0}.commerce-panel h2{font-size:24px;margin:0 0 20px}.commerce-panel h3{font-size:18px;margin:0 0 6px}.commerce-columns{display:grid;grid-template-columns:1.55fr 1fr;gap:22px}.commerce-columns.equal{grid-template-columns:1fr 1fr}.commerce-columns.admin{grid-template-columns:1.8fr 1fr}.commerce-panel .field{display:flex;flex-direction:column;gap:8px;margin:22px 0}.commerce-panel label{font-weight:600}.commerce-panel input:not([type=checkbox]),.commerce-panel textarea,.commerce-panel select{width:100%;min-height:44px;border:1px solid #cfd0d4;border-radius:6px;padding:12px 14px;font:inherit;background:white;color:#111}.commerce-panel textarea{resize:vertical}.commerce-panel input[aria-invalid=true],.commerce-panel select[aria-invalid=true],.commerce-panel textarea[aria-invalid=true]{border:2px solid #111}.commerce-error{font-size:14px;font-weight:500;margin:0;min-height:0}.commerce-error:not(:empty){padding-top:2px}.commerce-check{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;margin:24px 0}.commerce-check input{width:22px;height:22px;accent-color:#111}.commerce-check .btn{margin-left:auto}.commerce-full{display:flex!important;width:100%;justify-content:center;margin-top:14px}.commerce-notice{display:flex;align-items:flex-start;gap:12px;background:#f3f3f2;border-radius:8px;padding:16px;font-size:14px;line-height:1.7;margin:18px 0}.commerce-notice svg{flex-shrink:0;margin-top:2px}.commerce-line{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:20px 0;font-size:15px}.commerce-line strong{text-align:right}.commerce-panel hr{border:0;border-top:1px solid #e3e3e2;margin:26px 0}.commerce-steps{display:flex;padding:24px 12px;margin:0 0 24px;border:1px solid #e5e5e2;border-radius:12px;list-style:none}.commerce-steps li{flex:1;text-align:center;position:relative;display:flex;align-items:center;flex-direction:column;gap:10px;color:#6b6b73}.commerce-steps li:not(:last-child):after{content:'';height:1px;background:#d9d9dd;position:absolute;top:18px;left:62%;width:76%}.commerce-steps b{border:1px solid #c8c8ce;border-radius:50%;height:36px;width:36px;display:grid;place-items:center;z-index:1;background:#fff}.commerce-steps .active{color:#111;font-weight:700}.commerce-steps .active b{background:#111;color:#fff;border-color:#111}.commerce-lookup{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:start}.commerce-lookup .field{margin:0}.commerce-lookup>.btn{margin-top:32px;min-width:160px}.commerce-feedback{display:none;font-size:14px;line-height:1.7;background:#f3f3f2;padding:16px;border-left:4px solid #111;border-radius:6px}.commerce-feedback.visible{display:block}.commerce-lookup .commerce-feedback{grid-column:1/-1}.commerce-feedback ul{padding-left:20px;margin-bottom:0}.commerce-tabs{display:flex;gap:16px;border-bottom:1px solid #d7d7db;margin-bottom:20px;overflow-x:auto}.commerce-tabs button{white-space:nowrap;border-radius:0!important}.commerce-tabs [aria-pressed=true]{font-weight:700;border-bottom:3px solid #111}.commerce-search{display:flex;gap:12px;align-items:center}.commerce-search input{flex:1;min-width:0}.commerce-search select{max-width:145px}.commerce-search .btn{min-width:90px}.commerce-faq{border-bottom:1px solid #d7d7db}.commerce-faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;font-size:18px;font-weight:700;padding:24px 0;min-height:44px}.commerce-faq summary::-webkit-details-marker{display:none}.commerce-faq p{line-height:1.85;color:#575b66;margin:0 0 22px}.commerce-faq[open] summary svg{transform:rotate(180deg)}.commerce-policy-row{display:flex;gap:28px;align-items:center}.commerce-policy-row h2{margin:0;white-space:nowrap}.commerce-policy-row p{font-size:14px}.commerce-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:14px 0}.commerce-dialog{max-width:480px;border:1px solid #ddd;border-radius:16px;padding:24px;color:#111}.commerce-dialog::backdrop{background:#0007}.commerce-dialog p{line-height:1.8;font-size:15px}.commerce-mascot{width:105px;height:100px;object-fit:contain;float:right}.commerce-table-wrap{overflow:auto;margin-top:26px}.commerce-table-wrap table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}.commerce-table-wrap th{text-align:left;font-weight:500;color:#555;padding:16px 10px;border-bottom:1px solid #ddd}.commerce-table-wrap td{padding:20px 10px;border-bottom:1px solid #ddd}.commerce-table-wrap tr:has(button:focus){background:#f3f3f2}.commerce-item{display:flex;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid #e5e5e2}.commerce-item>div:nth-child(2){flex:1;min-width:0}.commerce-item p{font-size:14px;margin:4px 0}.commerce-item-icon{width:72px;height:72px;display:grid;place-items:center;background:#f3f3f2;border-radius:8px;flex-shrink:0}.commerce-item>.btn{align-self:flex-start;font-size:13px;padding:8px}.commerce-demo-result{font-size:14px;font-weight:600;line-height:1.7}.commerce-page .empty-state{padding:48px 12px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:12px}.commerce-page .btn:disabled{background:#eee!important;color:#65656b!important;cursor:not-allowed;box-shadow:none}.commerce-page [hidden]{display:none!important}.commerce-page :focus-visible{outline:2px solid #111;outline-offset:3px}@media(max-width:760px){.commerce-page{padding-top:28px}.commerce-columns,.commerce-columns.equal,.commerce-columns.admin{grid-template-columns:1fr}.commerce-panel{padding:20px}.commerce-lookup{grid-template-columns:1fr}.commerce-lookup>.btn{margin-top:0}.commerce-steps{padding:18px 2px;font-size:12px}.commerce-steps li:not(:last-child):after{left:68%;width:64%}.commerce-policy-row{align-items:start;flex-direction:column;gap:8px}.commerce-search{flex-wrap:wrap}.commerce-search input{min-width:160px}.commerce-item{gap:12px}.commerce-item-icon{width:52px;height:52px}.commerce-item .commerce-actions{gap:4px;font-size:13px}.commerce-tabs{gap:6px}.commerce-check .btn{margin-left:0}.commerce-line{font-size:14px}}
.commerce-tabs .commerce-selected{font-weight:700;border-bottom:3px solid #111}.commerce-columns.commerce-single{grid-template-columns:1fr}.commerce-columns.commerce-single>.commerce-panel{max-width:760px;width:100%}
.commerce-check>label{display:flex;align-items:center;gap:10px}.commerce-error-link{background:none;border:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:4px 0;text-align:left}.commerce-dialog{max-height:85dvh;overflow:auto}.commerce-item h3{overflow-wrap:anywhere}.commerce-policy-row{flex-wrap:wrap}.commerce-notice span{min-width:0;overflow-wrap:anywhere}@media(max-width:760px){.commerce-cart-first .commerce-cart-panel{order:-1}.commerce-check>label{line-height:1.7}.commerce-search select{max-width:none;width:100%}.commerce-dialog{width:calc(100vw - 32px)}.commerce-table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}#admin-detail{scroll-margin-top:85px}.commerce-panel .field input,.commerce-panel .field textarea,.commerce-panel .field select{font-size:16px}}
@media(max-width:980px){.commerce-table-wrap table,.commerce-table-wrap tbody,.commerce-table-wrap tr{display:block;width:100%}.commerce-table-wrap thead{display:none}.commerce-table-wrap tr{padding:14px 0;border-bottom:1px solid #ddd}.commerce-table-wrap td{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border:0;white-space:normal;overflow-wrap:anywhere}.commerce-table-wrap td:before{color:#63636a;font-size:13px;flex:0 0 65px}.commerce-table-wrap td:nth-child(1):before{content:'주문번호'}.commerce-table-wrap td:nth-child(2):before{content:'이메일'}.commerce-table-wrap td:nth-child(3):before{content:'자료명'}.commerce-table-wrap td:nth-child(4):before{content:'상태'}.commerce-table-wrap td:nth-child(5):before{content:'작업'}.commerce-table-wrap .btn{min-width:112px}}
.commerce-table-wrap tr.commerce-order-selected{background:#f3f3f2;box-shadow:inset 3px 0 #111}.commerce-table-wrap tr.commerce-order-selected td:first-child{padding-left:15px}@media(max-width:760px){.commerce-table-wrap tr.commerce-order-selected{padding-left:12px;padding-right:12px}.commerce-table-wrap tr.commerce-order-selected td:first-child{padding-left:0}}

@media(max-width:980px){.commerce-columns.admin{grid-template-columns:1fr}#admin-detail{scroll-margin-top:85px}}
@media(max-width:980px){.commerce-table-wrap tr.commerce-order-selected{padding-left:12px;padding-right:12px}.commerce-table-wrap tr.commerce-order-selected td:first-child{padding-left:0}}
/* Keep each commerce route focused on its current task. */
.commerce-disclosure{border-top:1px solid #e5e5e2;margin-top:24px;padding-top:16px}.commerce-disclosure>summary{display:flex;align-items:center;gap:12px;justify-content:space-between;cursor:pointer;list-style:none;font-weight:600;min-height:44px}.commerce-disclosure>summary::-webkit-details-marker{display:none}.commerce-disclosure[open]>summary svg{transform:rotate(180deg)}.commerce-disclosure .badge{margin-left:auto}.commerce-disclosure .commerce-steps{margin:16px 0 10px;padding:18px 4px;font-size:13px}.commerce-disclosure .commerce-steps:after{display:none}.commerce-disclosure p{line-height:1.8}.commerce-faq-categories{margin-top:26px}.commerce-form-panel{max-width:760px}.commerce-policy-links{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;margin-top:18px}.commerce-status{font-size:14px;color:#62646a;margin:14px 0 0;line-height:1.7}.commerce-page>.commerce-panel>.commerce-disclosure:first-child{border-top:0;margin-top:0;padding-top:0}.commerce-page>.commerce-panel>.commerce-disclosure:first-child>summary{font-size:18px}.commerce-page #saved-list .empty-state,.commerce-page #cart-list .empty-state{min-height:230px;padding:36px 12px}.commerce-page .commerce-title p{max-width:660px}.commerce-page .commerce-item h3{line-height:1.55}.commerce-page .commerce-line>strong:only-child{text-align:left}.commerce-page .commerce-disclosure>.muted{font-size:14px}@media(max-width:760px){.commerce-title{margin-bottom:24px}.commerce-title p{font-size:16px}.commerce-disclosure .commerce-steps{font-size:11px}.commerce-policy-links{gap:20px}.commerce-form-panel{max-width:none}}