.order-mode-bar { background: #f7f3ed; border-bottom: 1px solid #e2d8cc; padding: 10px 0; }
.order-mode-bar-inner { align-items: center; display: flex; gap: 16px; justify-content: space-between; }
.order-mode-bar form { margin: 0; }
.order-mode-promo { background: #27843b; border-radius: 12px; color: #fff; display: inline-block; font-size: 11px; margin-left: 7px; padding: 3px 8px; }
.order-mode-overlay { align-items: center; background: rgba(7, 16, 30, .78); display: flex; inset: 0; justify-content: center; padding: 20px; position: fixed; z-index: 10000; }
.order-mode-dialog { background: #fff; border-radius: 8px; box-shadow: 0 18px 60px rgba(0, 0, 0, .35); max-width: 580px; padding: 32px; text-align: center; width: 100%; }
.order-mode-logo { height: auto; margin-bottom: 15px; max-width: 150px; }
.order-mode-dialog h2 { color: #17233b; font-size: 27px; margin-bottom: 10px; }
.order-mode-dialog p { color: #555; margin-bottom: 24px; }
.order-mode-actions { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; }
.order-mode-actions form { margin: 0; }
.order-mode-actions button { min-height: 92px; white-space: normal; }
.order-mode-actions small { display: block; font-size: 12px; margin-top: 5px; opacity: .9; }
@media (max-width: 575px) {
    .order-mode-actions { grid-template-columns: 1fr; }
    .order-mode-dialog { padding: 24px 18px; }
    .order-mode-dialog h2 { font-size: 23px; }
    .order-mode-bar-inner { align-items: flex-start; flex-direction: column; gap: 8px; }
}