/* Checkout shares the landing page's open composition and colorful plan palette. */
.checkout-editorial {color:#172541;}
.checkout-editorial>h1 {color:#35204e;font-size:clamp(30px,3.6vw,46px);line-height:1.12;letter-spacing:-1.2px;margin:20px 0 14px;}
.checkout-editorial .checkout-subtitle {max-width:740px;color:#495973;font-size:17px;line-height:1.65;}
.checkout-editorial .verified-post-strip {background:linear-gradient(110deg,#f1e7ff,#fffaf6);border-color:#d9c5f2;border-radius:16px;box-shadow:0 5px 16px #66339908;}
.checkout-editorial .plan-table-wrap {border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;}
.checkout-editorial .plan-table {border-collapse:separate;border-spacing:0 12px;}
.checkout-editorial .plan-table th {background:transparent;padding:0 24px 0;color:#526078;}
.checkout-editorial .plan-table td {background:linear-gradient(110deg,#f1e7ff,#fbf5fc);border-block:1px solid #d9c5f2;padding:20px 24px;}
.checkout-editorial .plan-table td:first-child {border-left:1px solid #d9c5f2;border-radius:16px 0 0 16px;}
.checkout-editorial .plan-table td:last-child {border-right:1px solid #d9c5f2;border-radius:0 16px 16px 0;background:#fbf5fc;}
.checkout-editorial .plan-table tr:nth-child(2) td {background:#fff3e8;border-color:#efd0b6;}
.checkout-editorial .plan-table tr:nth-child(3) td {background:#eaf6f0;border-color:#bcded1;}
.checkout-editorial .plan-table tr:has(input:checked) {background:transparent;box-shadow:none;}
.checkout-editorial .plan-table tr:has(input:checked) td {border-block-color:#8244dc;box-shadow:0 2px 0 #8244dc;}
.checkout-editorial .plan-table tr:has(input:checked) td:first-child {border-left:4px solid #8244dc;padding-left:21px;}
.checkout-editorial .plan-table tr:has(input:checked) td:last-child {border-right-color:#8244dc;}
.checkout-editorial .plan-choice {padding:0;min-height:86px;align-items:center;}
.checkout-editorial .plan-copy {display:block;}
.checkout-editorial .plan-name {display:block;color:#172541;font-size:22px;margin-bottom:5px;}
.checkout-editorial .plan-limit {display:block;font-weight:600;color:#475773;}
.checkout-editorial .plan-description {display:block;margin-top:7px;color:#526078;font-size:14px;line-height:1.5;max-width:540px;}
.checkout-editorial .plan-recommended-badge {display:inline-block;margin:8px 0 0;}
.checkout-editorial .plan-table-price {font-size:30px;color:#172541;}
.checkout-editorial .checkout-selection {background:transparent;border:0;border-top:1px solid #d9c9ed;border-radius:0;padding:24px 0;box-shadow:none;}
.checkout-editorial .checkout-information {border-top:1px solid #dfd2ee;padding-top:24px;}
.checkout-editorial .btn-primary {background:linear-gradient(110deg,#743be1,#9451dc);border-color:#7843e5;}
.checkout-editorial .btn-primary:hover {background:#6030c5;}
.payment-page .payment-review {border:0;background:transparent;box-shadow:none;overflow:visible;gap:40px;border-radius:0;}
.payment-review .payment-review-overview {background:transparent;padding:24px 0;}
.payment-page .payment-review h1 {color:#35204e;font-size:clamp(30px,3.6vw,44px);line-height:1.12;letter-spacing:-1px;}
.payment-review .payment-review-action {background:linear-gradient(125deg,#f1e7ff,#fffaf6);border:1px solid #d9c5f2;border-radius:18px;box-shadow:0 8px 26px #6633990c;}
.payment-page .inline-payment {border-color:#d9c5f2;box-shadow:0 8px 26px #6633990c;}
.inline-payment .inline-order {background:linear-gradient(135deg,#f1e7ff,#fff1df);}
@media(max-width:700px){
 .payment-page .payment-review {gap:18px;}
 .payment-review .payment-review-overview {padding:8px 0;}
 .checkout-editorial .plan-table td {padding:18px 14px;}
 .checkout-editorial .plan-table tr:has(input:checked) td:first-child {padding-left:11px;}
 .checkout-editorial .plan-name {font-size:19px;}
 .checkout-editorial .plan-table-price {font-size:24px;}
 .checkout-editorial .plan-choice {gap:10px;}
 .checkout-editorial .plan-description {font-size:13px;}
}
/* Keep the selected post beside its import options instead of above them. */
.checkout-plan-layout {display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.4fr);gap:30px;align-items:start;margin-top:24px;}
.checkout-giveaway-card {padding:24px;border:1px solid #d9c5f2;border-radius:18px;background:linear-gradient(145deg,#f1e7ff,#fff4e8);box-shadow:0 6px 22px #6633990a;min-width:0;}
.checkout-editorial .checkout-giveaway-card .checkout-back {display:inline-flex;margin:0 0 20px;padding:0;font-size:13px;}
.checkout-giveaway-image {display:block;width:100%;height:200px;object-fit:contain;border-radius:12px;background:#ffffff80;margin-bottom:18px;}
.checkout-giveaway-account {display:block;font-size:21px;overflow-wrap:anywhere;color:#172541;}
.checkout-giveaway-card .checkout-count {font-size:14px;margin:6px 0 20px;color:#526078;}
.checkout-editorial .checkout-giveaway-card .checkout-subtitle {font-size:15px;line-height:1.65;margin:0;padding-top:18px;border-top:1px solid #dfd2ee;}
.checkout-giveaway-card .checkout-payment-note {margin:16px 0 0;color:#35204e;font-weight:650;}
.checkout-plan-options {min-width:0;}
.checkout-plan-options .plan-recommendation {margin:0 0 8px;font-size:14px;line-height:1.5;}
.checkout-editorial .checkout-plan-options .plan-table td {padding-block:16px;}
.checkout-editorial .checkout-plan-options .plan-choice {min-height:70px;}
.checkout-editorial .checkout-plan-options .checkout-selection {margin-top:8px;padding:20px 0 0;gap:16px;align-items:center;}
.checkout-plan-options .checkout-payment-action p {margin-bottom:0;font-size:12px;}
.checkout-editorial .checkout-information {margin-top:28px;}
@media(max-width:800px){
 .checkout-plan-layout {grid-template-columns:1fr;gap:20px;}
 .checkout-giveaway-card {display:grid;grid-template-columns:90px minmax(0,1fr);column-gap:18px;padding:20px;}
 .checkout-editorial .checkout-giveaway-card .checkout-back {grid-column:1/-1;margin-bottom:16px;}
 .checkout-giveaway-image {grid-column:1;grid-row:2/4;height:90px;margin:0;}
 .checkout-giveaway-account,.checkout-giveaway-card .checkout-count {grid-column:2;}
 .checkout-giveaway-card .checkout-count {margin-bottom:0;}
 .checkout-editorial .checkout-giveaway-card .checkout-subtitle {grid-column:1/-1;margin-top:18px;}
 .checkout-giveaway-card .checkout-payment-note {grid-column:1/-1;}
}
/* Compact options leave room for the selected plan and payment action. */
.checkout-editorial .checkout-plan-options .plan-table {border-spacing:0 10px;}
.checkout-editorial .checkout-plan-options .plan-table td {padding-top:14px;padding-bottom:14px;}
.checkout-editorial .checkout-plan-options .plan-choice {min-height:64px;}
.checkout-editorial .plan-title-line {display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:5px;}
.checkout-editorial .plan-title-line .plan-name {margin:0;}
.checkout-editorial .plan-title-line .plan-recommended-badge {margin:0;font-size:11px;}
.checkout-editorial .checkout-plan-options .plan-description {margin-top:5px;}
.checkout-editorial .checkout-plan-options .checkout-selection {margin-top:6px;padding-top:16px;}
/* A full confirmation surface replaces checkout after completion. */
.payment-completed-panel {display:grid;grid-template-columns:1.15fr 1fr;text-align:left;color:#172541;}
.payment-completed-announcement {padding:48px;background:radial-gradient(ellipse at 8% 10%,#e5d3ff,transparent 65%),linear-gradient(135deg,#f4eaff,#fff0df);border-radius:22px 0 0 0;}
.payment-success-icon {display:grid;place-items:center;width:64px;height:64px;margin-bottom:26px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#8647e8,#6630c4);box-shadow:0 0 0 8px #ffffff80,0 10px 28px #7040b522;}
.payment-success-icon svg {width:32px;height:32px;}
.payment-completed-label {display:block;font-size:13px;font-weight:700;color:#6032a1;margin-bottom:12px;}
.payment-page .payment-completed-panel h1 {font-size:clamp(34px,4vw,48px);line-height:1.08;letter-spacing:-1.3px;color:#25153d;margin:0 0 18px;}
.payment-completed-intro {font-size:17px;line-height:1.7;color:#433652;max-width:340px;margin:0;}
.payment-completed-receipt {display:flex;align-items:center;gap:9px;margin-top:34px;font-size:13px;color:#4d405e;}
.payment-completed-receipt svg {width:20px;height:20px;flex:none;}
.payment-completed-next {padding:48px 40px;background:#fffcf9;border-radius:0 22px 0 0;}
.payment-next-number {display:grid;place-items:center;width:40px;height:40px;background:#ffead6;border-radius:12px;color:#9b4c1c;font-size:13px;font-weight:700;margin-bottom:24px;}
.payment-completed-next h2 {font-size:24px;letter-spacing:-.5px;line-height:1.3;margin:0 0 14px;color:#172541;}
.payment-completed-next>p {font-size:16px;line-height:1.7;color:#46516a;margin:0;}
.payment-next-detail {display:flex;align-items:flex-start;gap:12px;border-top:1px solid #e8daee;margin-top:24px;padding-top:22px;}
.payment-next-detail svg {width:22px;height:22px;flex:none;color:#7735cc;margin-top:3px;}
.payment-next-detail p {font-size:14px;line-height:1.7;color:#46516a;margin:0;}
.payment-completed-next .payment-completed-assurance {font-size:13px;color:#326c59;margin-top:22px;}
.payment-completion-preview {border:1px solid #ddc9f5;border-radius:22px;background:#fffcf9;box-shadow:0 16px 48px #4a286a12;overflow:hidden;}
.payment-completion-footer {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 32px;border-top:1px solid #e8daee;background:#ffffffb3;}
.payment-preview-note {font-size:13px;color:#536078;margin:0;}
.payment-page .inline-payment.is-completed {display:block;overflow:hidden;background:#fffcf9;}
.inline-payment.is-completed>.inline-order {display:none;}
.inline-payment.is-completed .inline-payment-form {display:flex;flex-direction:column;padding:0;background:transparent;}
.inline-payment.is-completed #paddle-completed {order:-1;}
.inline-payment.is-completed #paddle-status {padding:18px 32px 0;margin:0;font-size:14px;}
.inline-payment.is-completed .payment-back {align-self:flex-start;margin:16px 32px 24px;padding:11px 18px;border:1px solid #cbb4ea;border-radius:10px;font-weight:600;background:white;}
.inline-payment.is-completed .inline-payment-form>.payment-help {display:none;}
.paddle-inline-container[hidden],#paddle-completed[hidden] {display:none!important;}
@media(max-width:700px){
 .payment-completed-panel {grid-template-columns:1fr;}
 .payment-completed-announcement {padding:30px;border-radius:22px 22px 0 0;}
 .payment-success-icon {width:52px;height:52px;margin-bottom:22px;}
 .payment-completed-next {padding:26px 30px;border-radius:0;}
 .payment-next-number {display:none;}
 .payment-completed-receipt {margin-top:22px;}
 .payment-completion-footer {padding:20px 30px;align-items:stretch;flex-direction:column;gap:14px;}
}
/* Primary payment actions must retain readable text over their purple background. */
.payment-page .btn-primary,
.payment-page .btn-primary:is(:visited, :hover, :focus, :active) { color:#fff; }

/* Saved payment status follows the shared commerce composition. */
.payment-status-page {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border:1px solid #ddc9f5;border-radius:22px;overflow:hidden;box-shadow:0 12px 36px #4a286a10;background:#fffcf9;}
.payment-status-overview {padding:38px;background:radial-gradient(ellipse at top left,#e6d5ff,transparent 75%),linear-gradient(135deg,#f5eaff,#fff0df);}
.payment-status-overview .payment-icon {margin:24px 0 20px;display:grid;place-items:center;width:56px;height:56px;background:#ffffffa8;border-radius:16px;color:#7237cc;}
.payment-status-overview .payment-icon svg {width:28px;height:28px;}
.payment-page .payment-status-overview h1 {font-size:clamp(28px,3.5vw,38px);line-height:1.15;letter-spacing:-.8px;color:#25153d;margin:0 0 18px;}
.payment-status-overview .payment-intro {text-align:left;color:#46516a;line-height:1.75;margin:0;font-size:16px;}
.payment-status-actions {padding:38px;display:flex;flex-direction:column;justify-content:center;min-width:0;gap:16px;}
.payment-status-actions .payment-summary {margin:0 0 6px;padding:20px;border:1px solid #e5d7f2;background:#f8f3fc;border-radius:14px;}
.payment-status-actions .payment-working {margin:0 0 18px;}
.payment-status-actions .payment-explanation,.payment-status-actions .payment-help {margin:0;color:#526078;line-height:1.65;}
.payment-status-actions>.alert:empty {display:none;}
.payment-status-actions .btn {min-height:46px;white-space:normal;}
@media(max-width:700px){.payment-status-page{grid-template-columns:1fr}.payment-status-overview,.payment-status-actions{padding:26px}.payment-status-overview .payment-icon{margin-top:18px}}
/* Status pages use the same branded, warm editorial treatment as checkout. */
.payment-status-overview {display:flex;flex-direction:column;align-items:flex-start;text-align:left;}
.payment-status-overview .payment-test {font-size:12px;}
.payment-status-overview .payment-intro {max-width:32ch;}
.payment-status-actions .payment-row {gap:20px;}
.payment-status-actions .payment-total dd {font-size:30px;}
.payment-status-actions>a:not(.btn) {font-size:14px;font-weight:600;}
.payment-status-actions .payment-explanation {font-size:14px;}
.payment-status-page .validation-summary-valid {display:none;}
.payment-preview-note {margin-bottom:16px;}
/* Review and saved status share one continuous commerce card. */
.payment-page .payment-card.payment-review {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;border:1px solid #ddc9f5;border-radius:22px;overflow:hidden;background:#fffcf9;box-shadow:0 12px 36px #4a286a12;text-align:left;}
.payment-page .payment-review-overview {padding:36px;background:radial-gradient(ellipse at top left,#e6d5ff,transparent 75%),linear-gradient(135deg,#f5eaff,#fff0df);}
.payment-page .payment-review-action {padding:36px;border:0;border-left:1px solid #e8daee;border-radius:0;background:#fffcf9;box-shadow:none;display:flex;flex-direction:column;justify-content:center;}
.payment-page .payment-review-overview h1 {font-size:clamp(28px,3.2vw,38px);line-height:1.15;letter-spacing:-.8px;margin-bottom:16px;}
.payment-page .payment-review .payment-intro {font-size:16px;line-height:1.7;color:#46516a;}
.payment-page .payment-review .payment-summary {padding:20px;border:1px solid #e5d7f2;border-radius:14px;background:#f8f3fc;margin-bottom:24px;}
.payment-page .payment-review .payment-total dd {font-size:30px;}
.payment-page .payment-review .payment-post-context {background:#ffffffb8;margin-top:24px;}
.payment-page .payment-review .payment-help {font-size:14px;line-height:1.7;margin-top:18px;color:#46516a;}
.payment-page .payment-review .payment-back {align-self:flex-start;margin-top:20px;font-weight:600;}
@media(max-width:700px){.payment-page .payment-card.payment-review{grid-template-columns:1fr}.payment-page .payment-review-overview,.payment-page .payment-review-action{padding:26px}.payment-page .payment-review-action{border-left:0;border-top:1px solid #e8daee}}
/* Give the selected post a readable visual hierarchy and a useful thumbnail. */
.payment-page .payment-review .payment-post-context {display:flex;align-items:center;gap:20px;padding:16px;margin-top:26px;border:1px solid #d9c4ef;border-radius:16px;background:#fffaf7;box-shadow:0 5px 16px #41225508;}
.payment-page .payment-review .payment-post-context img {width:88px;height:108px;flex:0 0 88px;object-fit:cover;border-radius:10px;border:1px solid #e6deea;box-shadow:0 3px 8px #24163112;}
.payment-page .payment-review .payment-post-copy {display:flex;flex-direction:column;gap:8px;min-width:0;}
.payment-page .payment-review .payment-post-copy .payment-post-label {font-size:12px;font-weight:600;color:#665572;line-height:1.4;}
.payment-page .payment-review .payment-post-copy strong {font-size:19px;font-weight:700;line-height:1.3;color:#14213d;overflow-wrap:anywhere;}
.payment-page .payment-review .payment-post-copy .payment-post-limit {font-size:14px;line-height:1.5;color:#46516a;}
.payment-page .payment-review .payment-review-included {margin:20px 0 0;font-size:14px;line-height:1.7;color:#514260;}
@media(max-width:420px){.payment-page .payment-review .payment-post-context{gap:14px;padding:12px}.payment-page .payment-review .payment-post-context img{width:70px;height:88px;flex-basis:70px}.payment-page .payment-review .payment-post-copy strong{font-size:17px}}