/* Order Modal */
.order-overlay {
  display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.4);
  z-index: 9999; align-items: center; justify-content: center;
}
.order-modal {
  background: #fff; border-radius: 12px; padding: 30px; max-width: 500px;
  width: 90%; max-height: 90vh; overflow-y: auto; position: relative;
  box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}
.order-close {
  position: absolute; right: 16px; top: 12px; background: none; border: none;
  font-size: 1.8rem; cursor: pointer; color: #999; line-height: 1;
}
.order-modal h3 { font-size: 1.3rem; color: #1a1a2e; margin-bottom: 4px; }
.order-field { margin-bottom: 14px; }
.order-field label { display: block; margin-bottom: 5px; font-weight: 600; font-size: 0.85rem; color: #555; }
.order-field input, .order-field textarea {
  width: 100%; padding: 10px 14px; border: 1px solid #ddd; border-radius: 6px;
  font-size: 0.9rem; font-family: inherit; transition: border 0.3s;
}
.order-field input:focus, .order-field textarea:focus { outline: none; border-color: #148FFA; }
.order-row { display: flex; gap: 14px; }
.order-row .order-field { flex: 1; }
.order-submit {
  width: 100%; padding: 13px; background: #148FFA; color: #fff; border: none;
  border-radius: 6px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: background 0.3s;
}
.order-submit:hover { background: #0D6EFD; }