.h24pp-dialog, .h24pp-page {
  color: var(--foreground, CanvasText);
  background: var(--background, Canvas);
  font-family: var(--font-sans, sans-serif);
}
.h24pp-dialog {
  border: 1px solid var(--border);
  border-radius: var(--radius-card-size, 24px);
  padding: 0;
  max-width: 540px;
  width: calc(100% - 32px);
  max-height: calc(100dvh - 32px);
  overflow: auto;
}
.h24pp-dialog::backdrop { background: var(--overlay); }
.h24pp-card { padding: 28px; position: relative; }
.h24pp-card h1, .h24pp-card h2 { font-size: 24px; line-height: 1.25; padding-right: 24px; margin: 0 0 16px; }
.h24pp-card p { margin: 0 0 16px; line-height: 1.5; }
.h24pp-card label { display: block; margin-bottom: 16px; }
.h24pp-card input:not([type="checkbox"]) {
  display: block; width: 100%; box-sizing: border-box; padding: 10px;
  background: var(--card, Canvas); color: var(--foreground, CanvasText);
  border: 1px solid var(--border); border-radius: var(--radius); margin-top: 6px;
}
.h24pp-card .h24pp-consent { font-size: 14px; line-height: 1.5; font-weight: normal; }
.h24pp-card button {
  border: 0; padding: 12px 18px; cursor: pointer; border-radius: var(--radius);
  background: var(--primary); color: var(--primary-foreground); font: inherit;
}
.h24pp-card button:disabled { cursor: wait; opacity: .65; }
.h24pp-card .h24pp-close { position: absolute; right: 12px; top: 12px; padding: 2px 10px; background: transparent; color: inherit; font-size: 28px; }
.h24pp-card a { color: var(--brand-ink, LinkText); text-decoration: underline; }
.h24pp-card :focus-visible { outline: 3px solid var(--ring); outline-offset: 3px; }
.h24pp-page { margin: 0; padding: 24px 16px; }
.h24pp-page .h24pp-card { max-width: 540px; margin: 5vh auto; border: 1px solid var(--border); border-radius: var(--radius-card-size, 24px); }
.h24pp-dialog [hidden] { display: none !important; }
/* Express gateways can charge without visiting the ordinary checkout. */
html:has(meta[name="h24-purchase-pause"]) .express-checkout-buttons,
html:has(meta[name="h24-purchase-pause"]) .view-cart-gateway-checkout { display: none !important; }