.order-alternative-button,.order-alternative-actions>a,.order-alternative-actions>button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid #91a789;border-radius:8px;background:#e8efdf;color:#153d31;font-family:inherit;font-size:16px;font-weight:600;line-height:1.45;text-align:center;text-decoration:none!important;overflow-wrap:anywhere;cursor:pointer}
.order-alternative-button{width:100%;margin:12px 0 0}
.order-alternative-button:hover,.order-alternative-actions>a:hover,.order-alternative-actions>button:hover{background:#dde7d4}
.order-alternative-button:disabled{opacity:.6;cursor:not-allowed}
.order-alternative-button:focus-visible,.order-alternative-actions>a:focus-visible,.order-alternative-actions>button:focus-visible,.order-alternative-panel textarea:focus-visible{outline:3px solid #153d31;outline-offset:3px}
.order-alternative-panel{box-sizing:border-box;grid-column:1/-1;min-width:0;max-width:100%;margin:24px 0 0;padding:20px;border:1px solid #91a789;border-radius:10px;background:#f2f5ed;color:#153d31;overflow-wrap:anywhere}
.order-alternative-panel[hidden]{display:none!important}
.order-alternative-panel h2{font-size:24px;line-height:1.35;margin:0 0 16px}
.order-alternative-panel label{display:block;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;margin:0 0 8px}
.order-alternative-panel textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:200px;padding:12px;border:1px solid #91a789;border-radius:6px;background:#fffefb;color:#183e33;font:16px/1.55 system-ui,sans-serif;resize:vertical;white-space:pre-wrap}
.order-alternative-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.order-alternative-panel p{font-family:inherit;font-size:16px;line-height:1.6;margin:12px 0 0;max-width:none;color:inherit}
.order-alternative-panel .order-alternative-privacy{font-size:14px;color:#455b4d}
.order-alternative-status:empty{display:none}
@media(max-width:480px){.order-alternative-panel{padding:16px}.order-alternative-actions>*{flex:1 1 100%}.order-alternative-panel h2{font-size:22px}}

/* Checkout channel buttons share geometry; the secondary channel stays light. */
form[data-cart-form] .order-checkout-actions {
  box-sizing: border-box;
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: 1fr;
  gap: 12px;
  inline-size: 100%;
  max-inline-size: 28rem;
  min-inline-size: 0;
  margin: 0;
  justify-self: start;
}

form[data-cart-form] .order-checkout-actions > :is(.order-submit, [data-cart-submit], .order-alternative-button) {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  inline-size: 100%;
  max-inline-size: 100%;
  min-inline-size: 0;
  block-size: auto;
  min-block-size: 56px;
  margin: 0;
  padding: 14px 20px;
  border: 1px solid #315f4e;
  border-radius: 8px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  text-decoration: none !important;
  box-shadow: none;
  transform: none;
  appearance: none;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease;
}

form[data-cart-form] .order-checkout-actions > :is(.order-submit, [data-cart-submit]) {
  background: #315f4e;
  color: #fff;
}

form[data-cart-form] .order-checkout-actions > .order-alternative-button {
  background: #e8efdf;
  border-color: #91a789;
  color: #153d31;
}

form[data-cart-form] .order-checkout-actions > :is(.order-submit, [data-cart-submit]):hover:not(:disabled) {
  background: #244b3c;
  border-color: #244b3c;
}

form[data-cart-form] .order-checkout-actions > .order-alternative-button:hover:not(:disabled) {
  background: #dde7d4;
  border-color: #6e8866;
}

form[data-cart-form] .order-checkout-actions > :is(.order-submit, [data-cart-submit], .order-alternative-button):focus-visible {
  outline: 3px solid #315f4e;
  outline-offset: 3px;
}

form[data-cart-form] .order-checkout-actions > :is(.order-submit, [data-cart-submit], .order-alternative-button):disabled {
  opacity: .6;
  cursor: not-allowed;
}

form[data-cart-form] .order-checkout-actions > [data-cart-submit] .icon {
  inline-size: 20px;
  block-size: 20px;
  flex: 0 0 20px;
}

@media (prefers-reduced-motion: reduce) {
  form[data-cart-form] .order-checkout-actions > button {
    transition: none;
  }
}