/* new_order4.html */
/* FakeIDs order form card (scoped to this page) */
    .order-form-card {
      background: #ffffff;
      border: 1px solid #e3e8ee;
      border-radius: 12px;
      box-shadow: 0 8px 24px rgba(17, 24, 39, .06);
      padding: 26px 22px 22px;
      margin-bottom: 10px;
    }
    .order-form-section {
      flex: 0 0 100%;
      max-width: 100%;
      margin: 10px 0 4px;
    }
    .order-form-section h2 {
      font-size: 18px;
      font-weight: 800;
      color: #0a1a33;
      margin: 0;
      padding-bottom: 8px;
      border-bottom: 2px solid #eef1f6;
    }
    .order-form-card .form-group { margin-bottom: 16px; }
    .order-form-card label {
      display: block;
      font-weight: 700;
      font-size: 14px;
      color: #0a1a33;
      margin-bottom: 6px;
    }
    .order-form-card .optional-tag {
      font-weight: 600;
      color: #6b7280;
      font-size: 12px;
    }
    .order-form-card .required-mark { color: #b02a37; }
    .order-form-card .form-control {
      height: 46px;
      background-color: #ffffff;
      border: 1px solid #d8dee6;
      border-radius: 8px;
      color: #222222;
      font-size: 14px;
      padding: 0 14px;
      box-shadow: none;
    }
    .order-form-card .form-control:focus {
      border-color: #0d6efd;
      box-shadow: 0 0 0 3px rgba(13, 110, 253, .12);
      background-color: #ffffff;
      outline: none;
    }
    .order-form-card select.form-control {
      display: block !important;
      width: 100%;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 14px center;
      background-size: 12px;
      padding-right: 38px;
    }
    .order-form-card .nice-select { display: none !important; }
    .order-form-card .btn-generate-address {
      background: #222222;
      color: #ffffff;
      border: 2px solid #222222;
      border-radius: 8px;
      padding: 11px 18px;
      min-height: 44px;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 1.4;
    }
    .order-form-card .btn-generate-address:hover {
      background: #0d6efd;
      border-color: #0d6efd;
      color: #ffffff;
    }
    .order-form-card input[type="file"].inputfile {
      display: block;
      width: 100%;
      background: #ffffff;
      border: 1px dashed #c3ccd8;
      border-radius: 8px;
      padding: 10px 12px;
      color: #4b5563;
      font-size: 14px;
    }
    .order-form-card .help-block {
      display: block;
      color: #6b7280;
      font-size: 13px;
      margin-top: 6px;
    }
    .order-form-card .help-block.alert-danger {
      color: #b02a37;
      background: #fdecea;
      border-radius: 6px;
      padding: 8px 10px;
      font-weight: 600;
    }
    .order-form-card .signature-guidance {
      background: #fffbeb;
      border: 2px solid #f59e0b;
      border-radius: 12px;
      padding: 14px 16px;
      margin-top: 10px;
    }
    .order-form-card .signature-guidance .sg-title { color: #b45309; font-size: 18px; font-weight: 800; margin-bottom: 8px; }
    .order-form-card .signature-guidance .sg-text { color: #1f2937; font-size: 15px; line-height: 1.6; margin-bottom: 10px; }
    .order-form-card .signature-guidance .sg-sub { color: #7c2d12; font-size: 15px; font-weight: 700; margin-bottom: 6px; }
    .order-form-card .signature-guidance .sg-good { color: #15803d; font-size: 15px; line-height: 1.7; font-weight: 600; }
    .order-form-card .signature-guidance .sg-bad { color: #b91c1c; font-size: 15px; line-height: 1.7; font-weight: 600; margin-top: 8px; }
    .order-form-card .signature-guidance .sg-note { color: #4b5563; font-size: 14px; margin-top: 10px; }
    .order-form-card .signature-guidance .sg-note u { color: #4d7c0f; font-weight: 800; font-size: 15px; }
    .order-form-actions {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end;
      margin-top: 8px;
    }
    .order-form-actions .btn { min-width: 220px; }
    .cart-totals .btn { display: block; width: 100%; }
    .prep-actions .btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-weight: 700;
      border-radius: 8px;
      padding: 12px 22px;
      font-size: 14px;
    }
    .cart-totals h2 i { color: #0d6efd; margin-right: 6px; }
    .cart-totals .payment-methods-list { list-style: none; }
    .cart-totals .payment-methods-list .pm-row {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      padding: 12px 14px;
      background: #fbfcfe;
      border: 1px solid #eaedff;
    }
    .cart-totals .payment-methods-list .pm-row + .pm-row { margin-top: 8px; }
    .cart-totals .pm-icon {
      width: 36px;
      height: 36px;
      flex: 0 0 36px;
      border-radius: 8px;
      background: #eef6ff;
      color: #0d6efd;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
    }
    .cart-totals .pm-name { display: block; font-weight: 700; color: #0a1a33; font-size: 14px; }
    .cart-totals .pm-extra { display: block; margin-top: 4px; color: #4b5563; font-size: 12px; line-height: 1.5; }
    @media (max-width: 575.98px) {
      .order-form-card { padding: 18px 14px 16px; }
      .order-form-actions { flex-direction: column-reverse; }
      .order-form-actions .btn { width: 100%; }
    }