/* Warna awal: krem, hijau tua, dan oranye. */
:root{
  --ink:#17251e;
  --paper:#fbfaf6;
  --orange:#e85b2a;
  --line:#ddd9cf;
  --muted:#6f776f;
}

/* Tampilan formulir checkout */
.form-overlay{display:none;position:fixed;inset:0;background:#102019bf;z-index:60;padding:24px;overflow:auto}
.form-overlay.show{display:grid;place-items:center}
.order-modal{width:min(680px,100%);background:#fbfaf6;border:1px solid #d9d5ca;box-shadow:0 25px 80px #0c17104d;padding:28px}
.form-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:22px}
.form-head small{color:#e85b2a;letter-spacing:.18em;font-weight:800}
.form-head h2{font:32px Georgia,serif;margin:6px 0;color:#17251e}
.form-head button{border:0;background:none;color:#17251e;font-size:32px;cursor:pointer}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.order-modal label{display:flex;flex-direction:column;gap:7px;color:#38443c;font-size:12px;font-weight:700;margin-bottom:16px}
.order-modal input,.order-modal textarea{width:100%;background:#fff;border:1px solid #d9d5ca;color:#17251e;padding:13px;outline:none}
.order-modal input:focus,.order-modal textarea:focus{border-color:#e85b2a;box-shadow:0 0 0 3px #e85b2a1f}
.order-modal textarea{resize:vertical}
.website-field{position:absolute!important;left:-9999px!important}
.form-summary{background:#f3eee4;border:1px solid #ddd6c8;padding:15px;margin:4px 0 18px;font-size:12px;line-height:1.7;color:#5d675f}
.form-summary strong{display:block;color:#17251e;font-size:15px;margin-bottom:5px}
.submit-order{width:100%;border:0;background:#e85b2a;color:#fff;padding:16px;font-weight:900;cursor:pointer}
.submit-order:hover{background:#c9471c}
.submit-order:disabled{opacity:.55;cursor:wait}
.form-status{text-align:center;min-height:20px;font-size:12px;margin:12px 0 0}
.form-status.success{color:#16834a}.form-status.error{color:#c93636}
@media(max-width:600px){.form-overlay{padding:10px}.order-modal{padding:20px}.form-grid{grid-template-columns:1fr}.form-head h2{font-size:27px}}