.pbox {
  --pb-green: #2e7d32;
  --pb-btn: #25d366;
  --pb-btn-hover: #1ebe5b;

  box-sizing: border-box;
  width: 100%;
  margin: 10px 0 0;
  padding: 0;
  font-family: inherit;
  text-align: left;
}
.pbox *, .pbox *::before, .pbox *::after { box-sizing: border-box; }

.pbox .pb-row { display: flex; gap: 12px; margin: 0 0 15px; }
.pbox .pb-field { flex: 1; display: flex; flex-direction: column; margin: 0; font-size: 13px; color: #666666; }

.pbox .pb-field select,
.pbox .pb-field input {
  display: block; width: 100%; height: 42px; margin: 5px 0 0; padding: 0 10px;
  font-size: 15px; font-family: inherit; color: #222222;
  background: #fafafa; border: 1px solid #cccccc; border-radius: 8px;
  box-shadow: none; outline: none; appearance: auto;
}
.pbox .pb-field select:focus,
.pbox .pb-field input:focus { border-color: var(--pb-green); }

.pbox .pb-total { margin: 10px 0 18px; font-size: 22px; font-weight: 600; line-height: 1.3; color: var(--pb-green); }

.pbox .pb-order {
  display: block; width: 100%; margin: 0; padding: 13px;
  text-align: center; text-decoration: none;
  font-size: 16px; font-weight: 600; line-height: 1.2; color: #ffffff;
  background: #1f7a3a; border: none; border-radius: 8px;
  box-shadow: none; transition: 0.2s;
}
.pbox .pb-order:hover { background: var(--pb-btn-hover); color: #ffffff; transform: translateY(-2px); }