/* Compact payment pages. Financial verification stays in the payment API. */
.payment-page{min-height:100vh;background:radial-gradient(ellipse at 50% 15%,#edf5f0 0,transparent 64%),var(--paper)}
.payment-header{max-width:1000px;min-height:84px;padding:18px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.payment-header .brand img{width:38px;height:38px}.payment-header .brand-name strong{font-size:19px}.payment-header .brand-name small{font-size:8px}.back-link{font-size:12px;color:var(--muted)}
.payment-shell{width:min(100% - 32px,520px);margin:24px auto 0}.payment-card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 18px 55px rgba(18,35,49,.07)}
.payment-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#edf1ee;border-radius:12px;margin-bottom:28px}.payment-tabs a{text-align:center;padding:11px 8px;font-size:13px;font-weight:700;border-radius:9px;line-height:1.3;color:#536b64}.payment-tabs a[aria-current=page]{background:#fff;color:#174e46;box-shadow:0 2px 7px #15212b12}
.payment-card h1{font-size:36px;line-height:1.1;letter-spacing:-.025em}.payment-intro{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.6}.simple-pay-form{margin-top:24px;display:grid;gap:18px}
.payment-amount{margin:0}.fixed-amount{display:flex;gap:6px;align-items:baseline;padding-bottom:4px;color:var(--ink)}.fixed-amount>span:first-child{font-size:27px}.fixed-amount strong{font:600 52px/1.1 var(--sans);letter-spacing:-.055em}.currency{font-size:13px!important;font-weight:700;color:var(--muted);margin-left:5px}.amount-label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.amount-input{display:flex;align-items:center;gap:5px;border:1px solid #bdccc6;border-radius:12px;background:#fff;padding:10px 15px}.amount-input>span:first-child{font-size:27px;color:#71867e}.amount-input input{min-width:0;width:100%;border:0;background:transparent;padding:0;font:600 38px/1.2 var(--sans);color:var(--ink);outline:none}.amount-input:focus-within{outline:3px solid #28645b20;border-color:var(--jade)}.amount-help{margin-top:8px;font-size:12px;color:var(--muted);line-height:1.5}
.optional-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.optional-details summary{cursor:pointer;font-size:13px;color:#395e53}.optional-details summary span,.optional{color:var(--muted);font-size:12px;font-weight:400}.optional-fields{display:grid;gap:12px;margin-top:15px}.simple-pay-form label{font-size:12px;font-weight:700}.optional-fields label,#card-fields label{display:grid;gap:7px}.optional-fields input,#card-fields input,#card-fields select{width:100%;min-width:0;min-height:46px;border:1px solid #cbd6d0;border-radius:9px;background:#fff;padding:10px;font:400 16px var(--sans);color:var(--ink)}
.payment-actions{display:grid;gap:10px}.simple-pay-form .btn,.checkout-record .btn{width:100%;min-height:48px;white-space:normal;text-align:center;cursor:pointer;font-family:var(--sans)}.payment-actions .btn-orange{background:#c4613f}.payment-actions .btn-ghost{border-color:#cbd6d0;background:#fff}.payment-status:empty{display:none}.payment-status{font-size:13px;line-height:1.55;color:#75533b}.payment-terms{font-size:11px;line-height:1.6;color:var(--muted);text-align:center}.payment-terms a{text-decoration:underline}.secure-payment{display:flex;justify-content:center;align-items:center;gap:6px;color:#6a7a70;font-size:11px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.payment-footer{display:grid;gap:10px;text-align:center;padding:22px 20px 32px;font-size:12px;color:#466a5d}.payment-footer span{font-size:10px;color:var(--muted)}.payment-footer a:hover{text-decoration:underline}.payment-page [hidden]{display:none!important}
#card-checkout{display:grid;gap:12px;padding:16px;background:#f3f7f3;border:1px solid var(--line);border-radius:12px}#card-status{font-size:12px;line-height:1.5;color:var(--muted)}#card-fields{display:grid;gap:13px}.field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}#card-fields label{min-width:0;align-content:start}#card-fields .field-label{min-height:20px;line-height:20px}#card-number,#card-expiry,#card-cvv{width:100%;height:48px;min-width:0;border:1px solid #cbd6d0;border-radius:9px;background:#fff;overflow:hidden}#card-number>*,#card-expiry>*,#card-cvv>*{display:block;width:100%;height:100%;max-width:100%;min-width:0;border:0}#card-fields input,#card-fields select{height:48px}#card-fields input:focus,#card-fields select:focus{outline:2px solid #28645b60;outline-offset:1px;border-color:var(--jade)}#card-checkout h2{font:600 16px/1.3 var(--sans);letter-spacing:0}#card-status{margin-top:-5px}#card-submit{margin-top:3px;background:var(--jade)}.payment-actions .btn,#card-submit{border-radius:12px;box-shadow:none}.payment-actions .btn:hover,#card-submit:hover{transform:none;filter:brightness(.97)}
.checkout-record{margin-top:22px;display:grid;gap:15px;overflow-wrap:anywhere}.checkout-record h2{font-size:29px}.checkout-record p{font-size:14px;color:var(--muted);line-height:1.6}.payment-kicker{font-size:10px;letter-spacing:.18em;color:var(--jade);font-weight:700}.confirmation-card h1{margin-top:16px}.confirmation-detail{font-size:14px;line-height:1.7;color:var(--muted);margin-top:16px}.confirmation-amount{font:600 38px var(--sans);margin-top:20px}.confirmation-card .btn{width:100%;margin-top:24px}.return-home{display:block;text-align:center;margin-top:20px;font-size:13px;color:var(--jade)}.payment-page button:disabled{opacity:.58;cursor:default}.payment-page a:focus-visible,.payment-page button:focus-visible,.payment-page summary:focus-visible{outline:3px solid #28645b60;outline-offset:3px}
@media(max-width:600px){.payment-header{min-height:70px;padding:16px 20px}.payment-header .brand-name strong{font-size:17px}.payment-header .brand-name small{font-size:7px}.payment-header .brand img{width:32px;height:32px}.back-link{font-size:11px}.payment-shell{margin-top:8px}.payment-card{padding:23px 21px;border-radius:20px}.payment-tabs{margin-bottom:22px}.payment-tabs a{font-size:12px}.payment-card h1{font-size:31px}.simple-pay-form{margin-top:20px;gap:16px}.fixed-amount strong{font-size:47px}.payment-footer{padding-top:18px}.field-pair{gap:9px}}
@media(max-width:360px){.payment-header{padding:14px 16px}.back-link{max-width:60px;text-align:right}.payment-card{padding:20px 17px}.payment-tabs a{font-size:11px}}

/* Wallet controls retain the payment providers' official button rendering. */
#wallet-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;min-width:0}#apple-pay-container,#google-pay-container{min-width:0;height:48px}#apple-pay-container apple-pay-button{display:block;width:100%;height:48px;--apple-pay-button-width:100%;--apple-pay-button-height:48px;--apple-pay-button-border-radius:12px}#google-pay-container>div,#google-pay-container button{height:48px;max-width:100%}#wallet-status{grid-column:1/-1;font-size:13px;line-height:1.5;color:#75533b}#wallet-status:empty{display:none}

/* Service details stay visible when checkout is resumed, pending or complete. */
.payment-checkout-page{--paper:#f5f0e6;--paper2:#ede6d6;--white:#fffdfa;--ink:#161a1f;--muted:#666a6f;--navy:#161a1f;--jade:#2f5d5a;--orange:#b23a2a;--line:rgba(22,26,31,.15);--sans:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif;--serif:Georgia,'Times New Roman',serif;color:var(--ink)}
.payment-checkout-page .payment-header{max-width:1220px;padding:22px 28px;border-bottom:1px solid var(--line)}
.payment-checkout-page .payment-header .brand-name strong{letter-spacing:.13em;font-size:18px}.payment-checkout-page .payment-header .brand-name small{letter-spacing:.07em}.payment-checkout-page .back-link{font-size:13px}
.payment-shell.payment-layout{width:min(100% - 112px,1160px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,490px);gap:64px 70px;margin:52px auto 0;align-items:start}
.payment-layout>section{min-width:0;padding:0}.payment-layout .payment-service{padding:25px 0 0}.payment-checkout-page .payment-kicker{font-size:11px;font-weight:700;letter-spacing:.13em;color:#966e2b}
.payment-service h1{font:500 clamp(36px,3.7vw,52px)/1.13 var(--serif);letter-spacing:-.045em;margin-top:19px;max-width:570px}.payment-service .payment-intro{font-size:16px;line-height:1.85;margin-top:24px;max-width:49ch;color:#4e5359}
.service-price{display:flex;flex-direction:column;gap:4px;padding:23px 0;margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-price strong{font:600 29px/1.3 var(--sans);letter-spacing:-.02em}.service-price span{font-size:13px;color:var(--muted)}
.service-includes{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:15px}.service-includes li{position:relative;padding-left:25px;font-size:14px;line-height:1.65;color:#3d434b}.service-includes li:before{content:'✓';position:absolute;left:0;top:0;color:var(--jade);font-weight:700}.service-note{margin-top:24px;font-size:13px;color:var(--muted);line-height:1.8}.service-more{display:inline-block;margin-top:18px;font-size:13px;color:var(--jade);text-decoration:underline;text-underline-offset:4px}
.payment-layout .payment-card{padding:29px;border-radius:16px;box-shadow:0 14px 44px rgba(22,26,31,.06);background:var(--white)}.payment-checkout-page .payment-tabs{background:#efebe3;border-radius:8px;margin-bottom:27px}.payment-checkout-page .payment-tabs a{color:#606266;border-radius:5px;padding:12px 8px}.payment-checkout-page .payment-tabs a[aria-current=page]{color:var(--ink)}
.payment-card #checkout-heading{font:600 25px/1.25 var(--serif);letter-spacing:-.025em;margin-top:10px}.checkout-service-summary{font-size:13px;line-height:1.6;margin-top:9px;color:var(--muted)}
.payment-method-guide{margin-top:23px;padding-top:21px;border-top:1px solid var(--line)}.payment-method-label{font-size:12px;font-weight:650;color:#3d434b}.payment-brands{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:11px 0 13px;padding:0;list-style:none}.payment-brands li{min-width:68px;height:42px;padding:5px 11px;display:flex;gap:6px;align-items:center;justify-content:center;border:1px solid #dddcd8;border-radius:5px;background:#fff}.payment-brands img{display:block;object-fit:contain;max-width:58px}.payment-brands li:last-child{padding-inline:12px}.payment-brands span{font-size:13px;font-weight:700;color:#003087}.payment-method-note,.payment-wallet-note{font-size:12px;line-height:1.6;color:var(--muted)}.payment-wallet-note{margin-top:9px}.payment-wallet-note strong{font-weight:600;color:#3d434b}
.payment-checkout-page .simple-pay-form{margin-top:23px;gap:16px}.payment-checkout-page .fixed-amount strong{font-size:42px;letter-spacing:-.04em}.payment-checkout-page .fixed-amount>span:first-child{font-size:24px}.payment-checkout-page .fixed-amount{padding:0}.payment-checkout-page .optional-details summary{font-size:13px;color:var(--jade)}.payment-checkout-page .amount-label{font-size:13px}.payment-checkout-page .payment-actions .btn,.payment-checkout-page #card-submit,.payment-checkout-page .checkout-record .btn{border-radius:7px;font-size:13px}.payment-checkout-page .payment-actions .btn-orange,.payment-checkout-page #card-submit{background:var(--orange)}.payment-checkout-page .payment-actions .btn-orange:hover,.payment-checkout-page #card-submit:hover{background:#982f22}.payment-checkout-page .payment-actions .btn-ghost{border-color:#bdbcb7;color:var(--ink)}
.payment-page .checkout-record{padding:0}.payment-checkout-page .checkout-record h2{font:600 25px/1.25 var(--serif);letter-spacing:-.02em}.payment-checkout-page .checkout-record p{font-size:13px}.payment-checkout-page .payment-terms{margin-top:21px;font-size:11px;text-align:left}.payment-checkout-page .secure-payment{font-size:11px;margin-top:18px;padding-top:16px}.payment-checkout-page #card-checkout{background:#f4f3ee;padding:15px;border-radius:8px}.payment-checkout-page .field-pair{gap:11px}.payment-checkout-page #card-fields .field-label{font-size:12px}
.payment-layout .payment-followup,.payment-layout .payment-faq,.payment-layout .payment-provider{grid-column:1/-1;border-top:1px solid var(--line);padding-top:42px}.payment-section-heading h2{font:500 33px/1.2 var(--serif);letter-spacing:-.025em;margin-top:12px}.payment-section-heading>p:last-child:not(.payment-kicker){font-size:14px;line-height:1.8;color:var(--muted);margin-top:15px}.payment-next-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:0;margin:29px 0 0}.payment-next-steps li{padding-right:22px;border-right:1px solid var(--line)}.payment-next-steps li:last-child{border-right:0;padding-right:0}.step-index{font:500 26px/1 var(--serif);color:#966e2b}.payment-next-steps h3{font:650 16px/1.4 var(--sans);letter-spacing:0;margin-top:17px}.payment-next-steps p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:11px}
.payment-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:45px;align-items:start;margin-top:25px}.payment-question-grid details{border-bottom:1px solid var(--line);padding:0}.payment-question-grid summary{font-size:14px;font-weight:600;line-height:1.6;padding:18px 23px 18px 0;cursor:pointer;position:relative;list-style:none}.payment-question-grid summary::-webkit-details-marker{display:none}.payment-question-grid summary:after{content:'+';position:absolute;right:2px;top:16px;font-size:19px;font-weight:400;color:var(--jade)}.payment-question-grid details[open] summary:after{content:'−'}.payment-question-grid details>p{font-size:13px;line-height:1.85;color:var(--muted);padding:0 0 22px}.payment-question-grid a{color:var(--jade);text-decoration:underline;text-underline-offset:3px}
.payment-layout .payment-provider{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:40px}.payment-provider h2{font:500 25px/1.3 var(--serif);margin-bottom:15px}.payment-provider p{font-size:12px;line-height:1.9;color:var(--muted)}.payment-provider a{display:inline-block;font-size:12px;color:var(--jade);text-decoration:underline;text-underline-offset:3px;margin-top:11px}.payment-checkout-page .payment-footer{border-top:1px solid var(--line);padding:28px 24px 110px;gap:20px;color:var(--jade)}.payment-footer nav,.payment-footer-contact{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 25px}.payment-checkout-page .payment-footer span{font-size:11px}.payment-checkout-page a:focus-visible,.payment-checkout-page button:focus-visible,.payment-checkout-page summary:focus-visible{outline:2px solid var(--jade);outline-offset:4px}
@media(max-width:1080px){.payment-shell.payment-layout{width:calc(100% - 80px);grid-template-columns:minmax(0,1fr) minmax(0,450px);gap:46px 38px}.payment-service h1{font-size:40px}.desktop-break{display:none}.payment-layout .payment-card{padding:26px}.payment-service .payment-intro{font-size:15px}}
@media(max-width:850px){.payment-shell.payment-layout{width:min(100% - 40px,620px);grid-template-columns:1fr;margin-top:24px;gap:32px}.payment-layout .payment-service{padding-top:0}.payment-service h1{font-size:38px;max-width:540px;margin-top:13px}.payment-service .payment-intro{margin-top:16px}.service-price{margin-top:18px;padding:14px 0;flex-direction:row;align-items:center;gap:18px}.service-price strong{font-size:25px;white-space:nowrap}.service-price span{font-size:12px;line-height:1.6;max-width:190px}.service-includes{gap:8px;margin-top:18px}.service-includes li{font-size:13px}.service-note{font-size:12px;margin-top:16px}.service-more{margin-top:10px;font-size:12px}.payment-layout .payment-card{padding:26px}.payment-next-steps{grid-template-columns:1fr;gap:22px}.payment-next-steps li,.payment-next-steps li:last-child{border:0;border-bottom:1px solid var(--line);padding:0 0 22px 43px;position:relative}.payment-next-steps li:last-child{border-bottom:0;padding-bottom:0}.step-index{position:absolute;left:0;top:2px;font-size:24px}.payment-next-steps h3{margin-top:0}.payment-next-steps p{margin-top:7px;font-size:13px}.payment-question-grid{grid-template-columns:1fr;margin-top:17px}.payment-layout .payment-followup,.payment-layout .payment-faq,.payment-layout .payment-provider{padding-top:30px}.payment-layout .payment-provider{grid-template-columns:1fr;gap:18px;padding-bottom:5px}.payment-section-heading h2{font-size:29px}.payment-checkout-page .payment-footer{margin-top:36px}.payment-footer nav{gap:9px 17px}.payment-footer-contact{gap:9px 17px}}
@media(max-width:480px){.payment-checkout-page .payment-header{padding:17px 20px;min-height:74px;gap:12px}.payment-checkout-page .payment-header .brand-name strong{font-size:14px;letter-spacing:.12em}.payment-checkout-page .payment-header .brand-name small{font-size:6px;letter-spacing:.04em}.payment-checkout-page .payment-header .brand img{width:30px;height:34px}.payment-checkout-page .back-link{font-size:11px;max-width:65px;text-align:right}.payment-shell.payment-layout{width:calc(100% - 36px);margin-top:22px;gap:28px}.payment-service h1{font-size:34px}.payment-service .payment-intro{font-size:14px;line-height:1.75}.payment-layout .payment-card{padding:22px 19px;border-radius:13px}.payment-checkout-page .payment-tabs{margin-bottom:22px}.payment-checkout-page .payment-tabs a{font-size:12px;padding:11px 5px}.payment-card #checkout-heading{font-size:23px}.payment-checkout-page .payment-kicker{font-size:10px}.payment-method-guide{margin-top:19px;padding-top:17px}.payment-brands{gap:8px}.payment-checkout-page .field-pair{gap:9px}.payment-section-heading h2{font-size:28px}.payment-question-grid summary{font-size:13px}.payment-checkout-page .payment-footer{font-size:11px}.payment-checkout-page .payment-footer span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.payment-checkout-page *{scroll-behavior:auto}}
/* Hosting preview notice spans the same two-column layout. */
.payment-layout > p:first-child{grid-column:1/-1}
