.order-modal{width:min(820px,calc(100% - 2rem));max-height:92svh;padding:0;border:1px solid var(--line);background:var(--panel);color:var(--text);overflow:auto}.order-modal::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(7px)}.order-modal-content{padding:clamp(2rem,5vw,4rem)}.order-modal-close{position:absolute;z-index:2;top:1rem;right:1rem;width:42px;height:42px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:1.8rem;line-height:1;cursor:pointer}.order-modal h2{margin:1rem 0;font:700 clamp(3rem,7vw,6rem)/.76 var(--display);letter-spacing:-.055em}.order-modal-intro{max-width:600px;color:var(--muted)}.order-selection-preview{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;margin:2rem 0;padding:1.25rem;border:1px solid var(--line);background:var(--bg)}.order-selection-preview strong{font:600 1.8rem/1 var(--display)}.order-selection-preview span{grid-column:1;color:var(--muted);font-size:.7rem}.order-selection-preview b{grid-row:1/3;grid-column:2;align-self:center;font:600 1.35rem var(--display)}.order-customer-form{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.order-field{display:flex;min-width:0;flex-direction:column}.order-field:last-of-type{grid-column:1/-1}.order-field label{margin-bottom:.45rem;font-size:.56rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.order-field label span{color:var(--muted);font-weight:400}.order-field input,.order-field textarea{width:100%;border:1px solid var(--line);border-radius:0;background:#191919;color:var(--text);padding:.9rem;outline:0}.order-field textarea{resize:vertical}.order-field input:focus,.order-field textarea:focus{border-color:#5da9cf;box-shadow:0 0 0 1px #5da9cf}.order-field [aria-invalid=true]{border-color:#d77e7e}.order-field-error{min-height:1.2rem;padding-top:.3rem;color:#ef9c9c;font-size:.66rem}.order-customer-form>.button{grid-column:1/-1;width:100%;margin-top:.5rem}.order-id{margin:2rem 0;padding:1.5rem;border-left:3px solid var(--blue);background:var(--bg)}.order-id span{display:block;color:var(--muted);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase}.order-id strong{display:block;margin:.25rem 0;font:700 clamp(2.4rem,6vw,4rem)/1 var(--display);color:#75b9d7}.order-id p{margin:.75rem 0 0;color:var(--muted)}.order-summary{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.order-summary>div{padding:.85rem 1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.order-summary span{display:block;color:var(--muted);font-size:.52rem;letter-spacing:.12em;text-transform:uppercase}.order-summary strong{display:block;margin-top:.2rem;font:600 1.1rem var(--display);overflow-wrap:anywhere}.order-static-note{padding:1rem;border:1px solid var(--line);color:var(--muted);font-size:.7rem}.order-actions{display:flex;gap:1rem;margin-top:1.5rem}.order-actions .button{flex:1}.order-actions .button:not(.button-primary){border:1px solid var(--line);background:transparent}
@media(max-width:600px){.order-modal-content{padding:4rem 1.25rem 1.5rem}.order-customer-form,.order-summary{grid-template-columns:1fr}.order-field,.order-field:last-of-type,.order-customer-form>.button{grid-column:1}.order-selection-preview{grid-template-columns:1fr}.order-selection-preview span,.order-selection-preview b{grid-column:1;grid-row:auto}.order-actions{flex-direction:column}.order-actions .button{width:100%}}