.order-pass { margin-block: 2rem; padding: 1.5rem; background: #f8f5ef; border: 0; border-radius: 1rem; }
.order-pass h3 { margin: 0 0 .5rem; }
.order-pass p { max-width: 48ch; }
.order-pass-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.order-pass-actions button { white-space: normal; min-height: 48px; }
.order-pass [role="status"]:empty { display: none; }
@media(max-width: 480px) { .order-pass { padding: 1rem; } .order-pass-actions { flex-direction: column; } .order-pass-actions button { width: 100%; } }

.order-pass-preview { display: block; width: 100%; max-width: 500px; height: auto; margin-top: 1rem; border-radius: .75rem; }