.zsup{--zsup-plum:var(--theme-brand);--zsup-plum-light:var(--theme-brand-light);--zsup-champagne:var(--theme-accent);--zsup-text:var(--theme-ink);--zsup-muted:var(--theme-ink-muted);--zsup-border:var(--theme-line);--zsup-green:#1a7a3a;--zsup-red:var(--theme-danger);--zsup-font:var(--theme-body-font);font-family:var(--zsup-font);color:var(--zsup-text);max-width:760px;margin:0 auto;padding:28px 20px 64px}.zsup *,.zsup :before,.zsup :after{box-sizing:border-box}.zsup__title{font-family:var(--theme-heading-font);color:var(--zsup-plum);margin:0 0 8px;font-size:32px;font-weight:600}.zsup__sub{color:var(--zsup-muted);margin:0 0 24px;font-size:14px;line-height:1.7}.zsup-card{border:1px solid var(--zsup-border);background:#fff;border-radius:12px;margin-bottom:20px;padding:24px}.zsup-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.zsup-field--wide{grid-column:1/-1}@media screen and (width<=599px){.zsup-fields{grid-template-columns:1fr}}.zsup-field label{margin-bottom:6px;font-size:12px;font-weight:600;display:block}.zsup-field input,.zsup-field textarea{width:100%;font-family:var(--zsup-font);color:var(--zsup-text);border:1.5px solid var(--zsup-border);background:#fff;border-radius:8px;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.zsup-field input:focus,.zsup-field textarea:focus{border-color:var(--zsup-plum);outline:none;box-shadow:0 0 0 3px #3b0d4a14}.zsup-field textarea{resize:vertical;min-height:140px}.zsup-field--error input,.zsup-field--error textarea{border-color:var(--zsup-red)}.zsup-field__error{color:var(--zsup-red);margin-top:5px;font-size:12px;display:block}.zsup-trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.zsup-submit{background:var(--zsup-plum);color:var(--zsup-champagne);font-family:var(--zsup-font);cursor:pointer;border:none;border-radius:40px;margin-top:18px;padding:15px 34px;font-size:15px;font-weight:700;transition:background .2s,transform .15s}.zsup-submit:hover{background:var(--zsup-plum-light)}.zsup-submit:active{transform:translateY(1px)}.zsup-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.zsup-whatsapp{color:#128c3e;font-family:var(--zsup-font);background:#fff;border:1.5px solid #25d366;border-radius:40px;align-items:center;gap:9px;margin-top:18px;padding:14px 26px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.zsup-whatsapp:hover{background:#f2fbf5}.zsup-whatsapp:active{transform:translateY(1px)}.zsup-alert{border-radius:10px;margin-bottom:20px;padding:14px 16px;font-size:14px;line-height:1.6}.zsup-alert--ok{color:var(--zsup-green);background:#1a7a3a14;border:1px solid #1a7a3a40}.zsup-alert--error{color:var(--zsup-red);background:#fdecea;border:1px solid #f5c6c2}.zsup-alert ul{margin:8px 0 0;padding-left:18px}.zsup-order__head{border-bottom:1px solid var(--zsup-border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.zsup-order__number{color:var(--zsup-plum);letter-spacing:.03em;font-size:18px;font-weight:700}.zsup-order__date{color:var(--zsup-muted);font-size:13px}.zsup-steps{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.zsup-step{text-align:center;letter-spacing:.03em;color:var(--zsup-muted);flex:90px;font-size:11px;font-weight:600}.zsup-step__dot{background:var(--zsup-border);border-radius:3px;height:6px;margin-bottom:8px}.zsup-step--done{color:var(--zsup-plum)}.zsup-step--done .zsup-step__dot{background:var(--zsup-plum)}.zsup-step--stopped{color:var(--zsup-red)}.zsup-step--stopped .zsup-step__dot{background:var(--zsup-red)}.zsup-tracking{border:1px dashed var(--zsup-border);border-radius:10px;margin-bottom:18px;padding:14px 16px;font-size:14px}.zsup-line{padding:calc(8px * var(--theme-space-scale)) 0;border-bottom:1px solid #f1eaf5;justify-content:space-between;gap:12px;font-size:14px;display:flex}.zsup-line__meta{color:var(--zsup-muted);font-size:12px}.zsup-total{color:var(--zsup-plum);justify-content:space-between;padding-top:14px;font-size:16px;font-weight:700;display:flex}.zsup-empty{text-align:center;color:var(--zsup-muted);padding:28px 20px;font-size:14px;line-height:1.7}