/* Real payment content fits the existing V35 cashier; the documentation column stays intact. */
#buy-modal .production-cashier-verifying {position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;box-sizing:border-box;border-radius:14px;background:var(--bg-surface,#fff);color:var(--text-primary);text-align:center;}
#buy-modal .production-cashier-verifying strong {font-size:17px;line-height:1.5;}
#buy-modal .production-cashier-verifying p {margin:0;font-size:13px;line-height:1.7;color:var(--text-secondary);}
#buy-modal .production-cashier-spinner {width:28px;height:28px;box-sizing:border-box;border:3px solid var(--border-hairline);border-top-color:var(--v30-purchase-strong,var(--brand-navy));border-radius:50%;animation:production-payment-spin 1s linear infinite;}
#buy-modal .production-cashier-verifying .production-cashier-resume {min-height:36px;padding:6px 12px;font-size:12px;}
#buy-modal .production-cashier-fallback[hidden] {display:none!important;}
@keyframes production-payment-spin {to {transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce) {#buy-modal .production-cashier-spinner {animation:none;}}
#buy-modal[data-production-cashier="true"] #stage-cashier .qr-box {
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  width:290px;max-width:100%;height:auto;min-height:0;overflow:visible;padding:0;box-sizing:border-box;
  background:#fff;
}
/* Keep the entire 250x270 provider document visible. Its 20px trailing white
   space supplies the bottom quiet zone, matching the 20px top and side insets. */
#buy-modal .production-cashier-viewport {position:relative;flex:0 0 auto;width:290px;height:290px;}
#buy-modal .production-cashier-frame {position:absolute;left:20px;top:20px;display:block;width:250px;height:270px;min-width:250px;max-width:none;border:0;border-radius:0;background:#fff;transform-origin:0 0;}
#buy-modal[data-production-cashier="true"] #stage-cashier .cashier-payment-content {margin-top:4px;padding:4px 0 8px;}
#buy-modal[data-production-cashier="true"] #stage-cashier .qr-box {margin-top:12px;}
#buy-modal[data-production-cashier="true"] #stage-cashier .cashier-expiry {margin-top:10px;}
#buy-modal .production-cashier-placeholder {margin:0;padding:0 14px;color:#53637a;font-size:14px;line-height:1.6;}
#buy-modal .production-cashier-fallback {display:inline-block;margin:12px auto 0;font-size:12px;line-height:1.6;color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px;}
#buy-modal .production-cashier-status {font-size:12px;line-height:1.7;overflow-wrap:anywhere;color:var(--text-secondary);}
#buy-modal .production-cashier-action {display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border:1px solid var(--border-hairline);border-radius:9px;background:var(--bg-surface);color:var(--text-primary);font:inherit;font-size:13px;font-weight:700;cursor:pointer;}
#buy-modal .production-cashier-action:is(:hover,:focus-visible) {border-color:var(--v30-purchase-strong,var(--brand-navy));background:var(--bg-subtle);}
#buy-modal .production-cashier-action:disabled {opacity:.55;cursor:wait;}
#buy-modal .production-cashier-action:focus-visible,#buy-modal .production-cashier-fallback:focus-visible {outline:2px solid var(--brand-orange);outline-offset:3px;}
/* The real receipt uses one content axis, shared with the left documentation.
   The three-stage frame, document height, colour roles and QR layout stay owned
   by the existing checkout shell. */
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content {
  display:flex;flex-direction:column;align-items:stretch;gap:18px;
  min-width:0;text-align:left;
}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content>* {flex:0 0 auto;min-width:0;}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-heading {
  display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;
  gap:14px;text-align:left;margin:0;padding:0 0 2px;
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-mark {
  display:flex;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:12px;margin:0;
  background:color-mix(in srgb,var(--accent-green,#168565) 12%,var(--bg-surface));
  color:var(--accent-green,#168565);font-size:25px;line-height:1;font-weight:800;
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-heading-copy {min-width:0;}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-eyebrow {
  display:block;margin:0 0 3px;color:var(--text-secondary);
  font-size:11px;line-height:1.5;font-weight:650;letter-spacing:.06em;
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-heading h3 {
  margin:0;font-size:21px;line-height:1.4;font-weight:750;color:var(--text-primary);
  overflow-wrap:anywhere;
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-heading p {
  margin:5px 0 0;font-size:13px;line-height:1.65;color:var(--text-secondary);overflow-wrap:anywhere;
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-meta {
  display:block;margin:0;padding:3px 14px;border:1px solid var(--border-hairline);
  border-radius:10px;background:var(--bg-surface);font-size:13px;line-height:1.65;
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-meta-row {
  display:grid;grid-template-columns:76px minmax(0,1fr);align-items:start;gap:14px;
  min-width:0;padding:10px 0;border-bottom:1px solid var(--border-hairline);
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-meta-row:last-child {border-bottom:0;}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-meta dt {
  min-width:0;margin:0;color:var(--text-secondary);font-weight:400;overflow-wrap:anywhere;
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-meta dd {
  min-width:0;margin:0;text-align:left;font-weight:650;font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;color:var(--text-primary);
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-note {
  margin:0;padding:12px 14px;border-radius:9px;background:var(--bg-subtle);
  color:var(--text-secondary);font-size:13px;line-height:1.8;overflow-wrap:anywhere;
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-waiting {
  display:grid;gap:7px;padding:16px;border:1px solid var(--border-hairline);
  border-radius:10px;background:var(--bg-subtle);min-width:0;
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-waiting h4 {
  margin:0;font-size:15px;line-height:1.55;font-weight:700;color:var(--text-primary);
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-waiting p {
  margin:0;font-size:13px;line-height:1.8;color:var(--text-secondary);overflow-wrap:anywhere;
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-waiting .production-receipt-note {padding:0;border-radius:0;background:transparent;}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-contact {
  display:inline-flex;align-items:center;justify-content:center;justify-self:start;
  min-width:112px;min-height:40px;padding:9px 16px;margin:5px 0 2px;
  border:1px solid var(--v30-purchase-strong,var(--brand-navy));border-radius:8px;
  background:var(--v30-purchase-strong,var(--brand-navy));color:#fff;
  font:inherit;font-size:13px;font-weight:700;line-height:1.5;text-decoration:none;cursor:pointer;
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-contact:is(:hover,:focus-visible) {background:var(--v30-purchase-hover,var(--brand-navy));color:#fff;}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-contact:focus-visible {outline:2px solid var(--brand-orange);outline-offset:3px;}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-waiting .production-receipt-hint {font-size:12px;line-height:1.75;}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-delivery-panel {
  display:grid;gap:12px;min-width:0;
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-delivery {min-width:0;}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-delivery {
  min-width:0;margin:0;padding:0;border:0;font-size:13px;line-height:1.65;
}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-section-heading {
  margin:0 0 11px;gap:8px 12px;align-items:center;
}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-section-heading h5 {
  margin:0;font-size:15px;line-height:1.55;font-weight:700;
}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-reveal {font-size:12px;line-height:1.6;}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-delivery-item {
  min-width:0;margin:0 0 10px;padding:4px 13px;border-radius:9px;
}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-delivery-item:last-child {margin-bottom:0;}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-delivery-item h6 {
  margin:0;padding:10px 0 5px;font-size:13px;line-height:1.55;
}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-field {
  grid-template-columns:76px minmax(0,1fr) auto;gap:10px;align-items:center;
  padding:9px 0;border-bottom:1px solid var(--border-hairline);
}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-field:last-child {border-bottom:0;}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-field-label {grid-column:1;font-size:12px;overflow-wrap:anywhere;}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-field-value {
  grid-column:2;min-width:0;font-size:13px;line-height:1.65;overflow-wrap:anywhere;
}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-copy {
  grid-column:3;align-self:center;min-height:34px;padding:5px 10px;font-size:12px;
}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-totp {
  gap:8px 11px;padding:10px 0;margin:0;border-top:0;
}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-totp-code {font-size:22px;letter-spacing:2px;}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-bulk {
  min-width:0;margin-top:16px;padding-top:14px;border-top:1px solid var(--border-hairline);
}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-format {
  min-width:0;max-width:100%;min-height:36px;padding:6px 10px;font-size:12px;
}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-bulk-preview {
  min-width:0;margin:0 0 10px;padding:11px 12px;max-height:150px;font-size:12px;line-height:1.7;
}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-bulk-actions {gap:8px;}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-bulk-actions>.co-button {
  flex:1 1 105px;min-width:0;min-height:38px;padding:7px 9px;font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;
}
#buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-export-note {margin:8px 0 0;font-size:12px;line-height:1.75;}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-update {
  display:flex;align-items:center;justify-content:space-between;gap:10px 14px;min-width:0;
  padding-top:12px;border-top:1px solid var(--border-hairline);
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-update .production-cashier-status {
  flex:1;min-width:0;margin:0;font-size:12px;line-height:1.75;
}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-update .production-cashier-action {flex:0 0 auto;min-height:38px;}
#buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-update:empty {display:none;}

/* This scope outranks the original receipt's three-track footer and its phone
   rule that always sends the last button to row two. No hidden-link blank slot. */
#buy-modal[data-production-cashier="true"] #stage-receipt .receipt-exit-actions {
  grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch;
}
#buy-modal[data-production-cashier="true"] #stage-receipt .receipt-exit-actions[data-has-official="true"] {grid-template-columns:repeat(3,minmax(0,1fr));}
#buy-modal[data-production-cashier="true"] #stage-receipt .receipt-exit-actions>:is(button,a) {
  grid-column:auto;grid-row:auto;min-width:0;line-height:1.4;letter-spacing:0;
}
#buy-modal[data-production-cashier="true"] #stage-receipt .receipt-exit-actions>#official-login-jump[hidden] {display:none!important;}

@media(max-width:1100px) and (min-width:861px) {
  #buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-field {grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;}
  #buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-field-label {grid-column:1/-1;}
  #buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-field-value {grid-column:1;}
  #buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-copy {grid-column:2;}
}
@media(max-width:560px) {
  #buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content {gap:16px;}
  #buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-heading {grid-template-columns:40px minmax(0,1fr);gap:11px;}
  #buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-mark {width:40px;height:40px;font-size:23px;border-radius:10px;}
  #buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-heading h3 {font-size:20px;}
  #buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-meta {padding:2px 12px;}
  #buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-meta-row {grid-template-columns:68px minmax(0,1fr);gap:10px;padding:10px 0;}
  #buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-waiting {padding:14px;}
  #buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-contact {min-height:44px;}
  #buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-field {grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:10px 0;}
  #buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-field-label {grid-column:1/-1;}
  #buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-field-value {grid-column:1;}
  #buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-copy {grid-column:2;min-height:40px;}
  #buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-totp>.co-button {min-height:40px;}
  #buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-format {min-height:40px;max-width:100%;}
  #buy-modal[data-production-cashier="true"] #stage-receipt #receipt-body-content .co-bulk-actions>.co-button {flex-basis:calc(50% - 4px);min-height:40px;}
  #buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-update {align-items:flex-start;flex-wrap:wrap;}
  #buy-modal[data-production-cashier="true"] #stage-receipt .production-receipt-update .production-cashier-action {min-height:42px;}
  #buy-modal[data-production-cashier="true"] #stage-receipt .receipt-exit-actions,
  #buy-modal[data-production-cashier="true"] #stage-receipt .receipt-exit-actions[data-has-official="true"] {grid-template-columns:repeat(2,minmax(0,1fr));}
  #buy-modal[data-production-cashier="true"] #stage-receipt .receipt-exit-actions>:is(button,a) {height:44px;min-height:44px;}
  #buy-modal[data-production-cashier="true"] #stage-receipt .receipt-exit-actions>button:first-child {grid-column:1;grid-row:1;}
  #buy-modal[data-production-cashier="true"] #stage-receipt .receipt-exit-actions>button:last-child {grid-column:2;grid-row:1;}
  #buy-modal[data-production-cashier="true"] #stage-receipt .receipt-exit-actions[data-has-official="true"]>#official-login-jump {grid-column:1/-1;grid-row:2;}
}
@media(max-width:350px) {
  #buy-modal[data-production-cashier="true"] #stage-receipt .receipt-exit-actions,
  #buy-modal[data-production-cashier="true"] #stage-receipt .receipt-exit-actions[data-has-official="true"] {grid-template-columns:minmax(0,1fr);}
  #buy-modal[data-production-cashier="true"] #stage-receipt .receipt-exit-actions>button:first-child {grid-column:1;grid-row:1;}
  #buy-modal[data-production-cashier="true"] #stage-receipt .receipt-exit-actions>button:last-child {grid-column:1;grid-row:2;}
  #buy-modal[data-production-cashier="true"] #stage-receipt .receipt-exit-actions[data-has-official="true"]>#official-login-jump {grid-column:1;grid-row:3;}
}