.order-type-dialog {
  border: 0;
  padding: 0;
  width: min(650px, calc(100% - 30px));
  background: var(--cream);
  color: var(--ink);
  box-shadow: 12px 12px 0 var(--ink);
}

.order-type-dialog::backdrop { background: rgba(23, 35, 31, .68); }
.order-type-content { padding: clamp(32px, 6vw, 62px); }
.order-type-content h1 { font-size: clamp(38px, 6vw, 61px); }
.order-type-intro { font-size: 14px; color: var(--muted); margin: 20px 0 30px; }
.order-type-options { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.order-type-option { border: 1px solid var(--ink); background: #fffdf9; padding: 22px 18px; text-align: left; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; transition: .18s; }
.order-type-option:hover { background: var(--yellow); transform: translate(-2px, -2px); box-shadow: 4px 4px 0 var(--ink); }
.order-type-icon { font-size: 29px; }
.order-type-option b { display: block; font-size: 15px; }
.order-type-option small { display: block; font-size: 11px; color: var(--muted); margin-top: 4px; }
.order-type-option strong { font-size: 22px; }

@media (max-width: 760px) {
  .order-type-content { padding: 34px 25px; }
  .order-type-options { grid-template-columns: 1fr; }
  .topbar .admin-link { display: inline-block; }
}