.order-wrap { max-width: 880px; margin: 0 auto; padding: 4rem var(--gutter); }
.order-wrap h1 { font-size: clamp(2.5rem, 7vw, 3.8rem); line-height: 1.12; margin: 1rem 0 1.5rem; }
.order-intro { color: var(--ink-muted); line-height: 1.7; }
.order-card { margin: 2rem 0; padding: clamp(1.25rem, 4vw, 2rem); border: 1px solid var(--rule); border-radius: 8px; }
.order-card h2, .order-help h2 { font-size: 1.6rem; margin: 0 0 1rem; }
.order-card p, .order-help p, .order-note { line-height: 1.65; }
.order-wrap label { display: block; font-size: .875rem; font-weight: 500; margin: 1.25rem 0 .5rem; }
.order-wrap input, .order-wrap select { width: 100%; min-height: 48px; border: 1px solid var(--rule); border-radius: 4px; padding: .75rem; background: white; color: var(--ink); font: inherit; }
.order-wrap :focus-visible { outline: 2px solid var(--green); outline-offset: 4px; }
.order-card .btn { width: 100%; margin-top: 1.5rem; }
.order-card button:disabled { opacity: .6; cursor: wait; }
.order-note { background: #f2f5f1; padding: 1rem 1.25rem; border-radius: 4px; }
.order-note strong { display: block; }
.order-status { display: inline-block; background: #f2f5f1; padding: .4rem .75rem; border-radius: 4px; font-size: .875rem; }
.order-card dl { margin: 1.5rem 0; }
.order-card dl div { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem 0; border-bottom: 1px solid var(--rule); }
.order-card dt { color: var(--ink-muted); }
.order-card dd { margin: 0; text-align: right; }
.order-help { margin-top: 3rem; color: var(--ink-muted); }
.order-help a { overflow-wrap: anywhere; }
.order-split { margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--rule); }
.order-split h3 { font-size: 1.25rem; margin: 0 0 .5rem; }
.order-card dl + .btn { margin-top: 0; }
#message:empty { display: none; }
#reset { margin-top: 1rem; margin-right: 1.5rem; }
[hidden] { display: none !important; }
@media (max-width: 480px) { .site-head .wrap { flex-wrap: wrap; gap: 1rem; } .order-wrap { padding-top: 2.5rem; } }