.junkfood-payment-form {
  display: flex;
  flex-direction: column;
  gap: 0px;
  min-width: 0;
  padding: clamp(24px, 3vw, 50px);
  border-radius: 24px;
  background: #f8f8f8;
  color: #111;
  font-family: Figtree, Helvetica, Arial, sans-serif;
  height: 100%;
}
.junkfood-payment-form h2 { margin: 0; font-size: clamp(30px, 4vw, 50px); line-height: 1; font-weight: 800; }
.junkfood-payment-form p { margin: 0; }
.junkfood-fields { display: grid; gap: 16px; }
.junkfood-fields label, .junkfood-custom-amount { display: grid; gap: 5px; }
.junkfood-fields input, .junkfood-custom-amount input { width: 100%; padding: 5px 0; border: 0; border-bottom: 1px solid #999; border-radius: 0; background: transparent; font: inherit; }
.junkfood-amounts { margin: 0; padding: 0; border: 0;margin-top: 25px; }
.junkfood-amounts legend { margin-bottom: 16px; }
.junkfood-payment-element {margin-top: 25px}
.junkfood-amount-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.junkfood-amount-grid label { position: relative; cursor: pointer; }
.junkfood-amount-grid input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.junkfood-amount-grid span { display: block; padding: 10px 8px; border: 1px solid #333; border-radius: 99px; text-align: center; font-size: clamp(16px, 1.5vw, 28px); }
.junkfood-amount-grid input:checked + span { color: #fff; background: #333; }
.junkfood-amount-grid input:focus-visible + span { outline: 3px solid #666; outline-offset: 3px; }
.junkfood-custom-amount { margin-top: 16px; }
.junkfood-custom-amount[hidden] { display: none; }
.junkfood-fee { display: flex; gap: 12px; align-items: flex-start; margin-top: 20px; font-size: 16px; line-height: 1.4; }
.junkfood-fee input { margin-top: 5px; }
.junkfood-payment-message { min-height: 1.4em; color: #b00020; }
.junkfood-payment-form button[type="submit"] { align-self: flex-start; padding: 12px 28px; border: 1px solid #333; border-radius: 99px; background: #333; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.junkfood-payment-form[data-type="membership"] button[type="submit"] { background: transparent; color: #111; }
.junkfood-payment-form button[type="submit"]:disabled { opacity: .45; cursor: wait; }
.junkfood-thank-you { max-width: 900px; margin: 10vh auto; padding: 32px; text-align: center; }
@media (max-width: 700px) { .junkfood-amount-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }
.donate_height100 .et_pb_code_inner {height:100%;}